/*
Theme Name: Candor
Theme URI: http://candortechnology.com
Description: Candor Technology — AI-powered mortgage underwriting. Block child theme of Twenty Twenty-Five. Brutalist "engineering" dark design system (2px borders, hard offset shadows, square corners) built with Gutenberg blocks + custom CSS. Ported 1:1 from the reference design. See design-system/MASTER.md.
Author: Inbound Machine
Template: twentytwentyfive
Version: 2.0.0
Requires at least: 6.7
Tested up to: 7.0
Requires PHP: 7.4
Text Domain: candor
*/

/* ============================================================
   TOKENS  (dark "brutalist tech-modern" — matches reference .dark)
   ============================================================ */
:root{
  --void:#090b11;        /* background 220 30% 5% */
  --fg:#f6f5f0;          /* foreground 40 15% 96% — borders + text */
  --card:#0f121a;        /* card 220 25% 8% */
  --secondary:#181d25;   /* secondary 220 20% 12% */
  --muted-fg:#9e9a8f;    /* muted-foreground 40 8% 60% */
  --teal:#21dee9;        /* teal 184 90% 55% */
  --teal-glow:#4df5ff;   /* teal-glow 184 100% 65% */
  --border-sub:#1f252d;  /* border 220 18% 15% */
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace;
  --sans:"Inter",system-ui,-apple-system,sans-serif;
  --container:1400px; --gutter:2rem;
}

/* ============================================================
   BASE
   ============================================================ */
.cdr,.cdr *,.cdr-header,.cdr-header *,.cdr-footer,.cdr-footer *{ box-sizing:border-box; }
body.wp-site-blocks,body{ background:var(--void); color:var(--fg); font-family:var(--sans);
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  font-feature-settings:"ss01","cv11","cv02"; }
.cdr a{ color:var(--teal); text-decoration:none; }
.cdr a:hover{ color:var(--teal-glow); }
.cdr ::selection{ background:var(--teal); color:var(--void); }
a:focus-visible,button:focus-visible,.wp-block-button__link:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:2px solid var(--teal-glow); outline-offset:2px; }

.cdr-wrap{ max-width:var(--container); margin-inline:auto; padding-inline:var(--gutter); width:100%; }
.cdr-hide{ display:none !important; } /* hide a section/element but keep it in markup (reversible) */
.cdr h1,.cdr h2,.cdr h3,.cdr h4{ font-weight:800; letter-spacing:-.02em; color:var(--fg); }
.cdr h1{ letter-spacing:-.035em; }
.cdr h1 em,.cdr h2 em,.cdr h3 em,.cdr .cdr-accent{ font-style:normal; font-weight:800;
  background:linear-gradient(135deg,var(--teal),var(--teal-glow)); -webkit-background-clip:text;
  background-clip:text; -webkit-text-fill-color:transparent; }

/* section shells — 2px foreground divider between every section */
.cdr-section{ position:relative; padding-block:clamp(5rem,9vw,8rem); border-bottom:2px solid var(--fg); }
.cdr-section--tight{ padding-block:clamp(3.5rem,6vw,5rem); }
.cdr-section--secondary{ background:var(--secondary); }
.cdr-section--cream{ background:var(--fg); color:var(--void); }
.cdr-section--cream h1,.cdr-section--cream h2,.cdr-section--cream h3,.cdr-section--cream h4{ color:var(--void); }
.cdr-section--cream h1 em,.cdr-section--cream h2 em,.cdr-section--cream h3 em{
  background:none; -webkit-text-fill-color:var(--teal); color:var(--teal); }
.cdr-lead{ color:var(--muted-fg); font-size:1.0625rem; line-height:1.7; max-width:48ch; }
.cdr-section--cream .cdr-lead{ color:rgba(9,11,17,.7); }

/* engineering grid background */
.cdr-grid-bg{ position:absolute; inset:0; pointer-events:none;
  background-image:linear-gradient(rgba(33,222,233,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(33,222,233,.06) 1px,transparent 1px);
  background-size:64px 64px; }
.cdr-grid-bg--fade{ -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,#000 30%,transparent 80%);
  mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,#000 30%,transparent 80%); }
.cdr-mesh{ background:
  radial-gradient(at 15% 25%, rgba(33,222,233,.12) 0px, transparent 50%),
  radial-gradient(at 85% 10%, rgba(40,90,160,.08) 0px, transparent 50%),
  radial-gradient(at 80% 85%, rgba(77,245,255,.08) 0px, transparent 50%); }

/* ============================================================
   EYEBROW  (bordered chip + pulsing teal dot + teal index)
   ============================================================ */
.cdr-marker{ display:inline-flex; align-items:center; gap:.5rem; font-family:var(--mono);
  font-size:11px; font-weight:500; letter-spacing:.18em; text-transform:uppercase; color:var(--fg);
  border:1px solid var(--border-sub); background:var(--void); padding:.4rem .75rem; margin:0 0 1.4rem; }
.cdr-section--cream .cdr-marker{ color:var(--void); border-color:rgba(9,11,17,.25); background:transparent; }
.cdr-marker::before{ content:""; width:6px; height:6px; background:var(--teal); flex:0 0 auto;
  box-shadow:0 0 8px var(--teal); animation:cdr-pulse 2s ease-in-out infinite; }
.cdr-marker .i{ color:var(--teal); }
@keyframes cdr-pulse{ 0%,100%{ opacity:.5; transform:scale(1); } 50%{ opacity:1; transform:scale(1.18); } }
.cdr-eyebrow-row{ display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; gap:1rem; margin-bottom:3rem; }
.cdr-hud{ font-family:var(--mono); font-size:.75rem; letter-spacing:.16em; text-transform:uppercase; color:var(--muted-fg); margin:0; }
.cdr-hud--teal{ color:var(--teal); }

/* ============================================================
   HEADER  (fixed + glass)
   ============================================================ */
.cdr-header{ position:fixed; top:0; left:0; right:0; z-index:50;
  background:rgba(9,11,17,.72); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid var(--border-sub); }
.cdr-header__inner{ display:flex; align-items:center; justify-content:space-between; height:64px; }
.cdr-logo img,.cdr-logo{ height:24px; width:auto; display:block; }
.cdr-nav{ display:flex; align-items:center; gap:.25rem; }
.cdr-nav a{ color:var(--muted-fg); font-size:.875rem; font-weight:500; padding:.375rem .75rem;
  transition:color .2s ease; }
.cdr-nav a .num{ font-family:var(--mono); font-size:10px; color:var(--teal); margin-right:.35rem; opacity:.6; }
.cdr-nav a:hover{ color:var(--fg); }
.cdr-nav a:hover .num{ opacity:1; }
/* dropdown submenu (Case Studies) */
.cdr-has-sub{ position:relative; display:inline-flex; align-items:center; }
.cdr-caret{ font-size:.7em; margin-left:.15rem; transition:transform .2s ease; display:inline-block; }
.cdr-has-sub:hover .cdr-caret{ transform:rotate(180deg); }
.cdr-submenu{ position:absolute; top:100%; left:0; min-width:250px; background:var(--void); border:2px solid var(--fg);
  display:flex; flex-direction:column; padding:.4rem 0; opacity:0; visibility:hidden; transform:translateY(8px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease; z-index:80; }
.cdr-has-sub:hover > .cdr-submenu,.cdr-has-sub:focus-within > .cdr-submenu{ opacity:1; visibility:visible; transform:none; }
/* third-level flyout (Company › Case Studies) */
.cdr-submenu .cdr-has-sub{ display:block; position:relative; width:100%; }
.cdr-submenu .cdr-has-sub > a{ display:flex; align-items:center; justify-content:space-between; width:100%; }
.cdr-submenu__caret{ font-size:.85em; margin-left:.75rem; color:var(--muted-fg); transition:color .2s ease; }
.cdr-submenu .cdr-has-sub:hover > a .cdr-submenu__caret{ color:var(--teal); }
.cdr-submenu--nested{ top:-2px; right:100%; left:auto; }
.cdr-submenu a{ padding:.55rem 1.1rem; font-size:.8125rem; font-weight:500; color:var(--muted-fg); white-space:nowrap; }
.cdr-submenu a:hover{ color:var(--fg); background:var(--secondary); }
.cdr-submenu__all{ margin-top:.25rem; border-top:1px solid var(--border-sub); color:var(--teal)!important;
  font-family:var(--mono); font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; }
.cdr-nav-cta .wp-block-button__link,a.cdr-btn{ background:var(--teal); color:var(--void)!important;
  border:2px solid var(--fg); font-weight:600; padding:.5rem .9rem; font-size:.8125rem; line-height:1;
  display:inline-flex; align-items:center; gap:.4rem; transition:transform .15s ease,box-shadow .15s ease; }
.cdr-nav-cta a.cdr-btn:hover{ transform:translate(-2px,-2px); box-shadow:4px 4px 0 0 var(--fg); color:var(--void)!important; }
.cdr-menu-toggle{ display:none; background:none; border:none; color:var(--fg); width:40px; height:40px; cursor:pointer; font-size:1.4rem; }

/* ============================================================
   BUTTONS  (square, 2px fg border, hard offset shadow on hover)
   ============================================================ */
.cdr .wp-block-button__link{ border-radius:0; border:2px solid var(--fg); font-weight:600;
  letter-spacing:-.01em; padding:0 1.75rem; height:48px; display:inline-flex; align-items:center;
  gap:.5rem; font-size:15px; transition:transform .15s ease,box-shadow .15s ease; }
.cdr .wp-block-button__link::after{ content:"→"; }
.cdr .wp-block-button.no-arrow .wp-block-button__link::after{ content:none; }
.cdr .wp-block-button__link,
.cdr .is-style-cdr-primary .wp-block-button__link{ background:var(--teal); color:var(--void); }
.cdr .is-style-cdr-ghost .wp-block-button__link{ background:var(--void); color:var(--fg); }
.cdr-section--cream .is-style-cdr-ghost .wp-block-button__link{ background:transparent; color:var(--void); border-color:var(--void); }
.cdr .wp-block-button__link:hover{ transform:translate(-2px,-2px); box-shadow:4px 4px 0 0 var(--fg); color:var(--void); }
.cdr .is-style-cdr-ghost .wp-block-button__link:hover{ color:var(--fg); }
.cdr-section--cream .is-style-cdr-ghost .wp-block-button__link:hover{ color:var(--void); box-shadow:4px 4px 0 0 var(--void); }

/* ============================================================
   HERO
   ============================================================ */
.cdr-hero{ position:relative; overflow:hidden; padding-block:clamp(8rem,14vw,10rem) clamp(5rem,8vw,7rem); }
.cdr-hero > .cdr-wrap{ position:relative; z-index:1; }
.cdr-hero__inner{ text-align:center; max-width:64rem; margin-inline:auto; }
.cdr-hero h1{ font-size:clamp(2.75rem,7vw,5.5rem); line-height:1.05; letter-spacing:-.04em; margin:0 0 1.5rem; }
.cdr-hero h1 .ln{ display:block; padding-bottom:.05em; }
.cdr-hero__sub{ color:rgba(246,245,240,.85); font-weight:500; font-size:clamp(1rem,2vw,1.125rem);
  margin:0 auto .75rem; max-width:42rem; }
.cdr-hero__desc{ color:var(--muted-fg); font-size:1rem; line-height:1.7; max-width:36rem; margin:0 auto 2.5rem; }
.cdr-hero__ctas{ display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }

/* terminal chip */
.cdr-terminal{ display:inline-flex; align-items:center; margin:0 auto 2rem; font-family:var(--mono);
  font-size:15px; background:var(--fg); color:var(--void); padding:.6rem 1rem; border:2px solid var(--fg); }
.cdr-terminal .dim{ opacity:.5; }
.cdr-terminal b{ color:var(--teal); font-weight:500; }
.cdr-terminal .cursor{ color:var(--teal); animation:cdr-blink 1s steps(2,start) infinite; }
@keyframes cdr-blink{ to{ opacity:0; } }

/* energy pulse lines */
.cdr-energy{ position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:0; }
.cdr-energy i{ position:absolute; background:linear-gradient(90deg,transparent,rgba(33,222,233,.9),transparent);
  box-shadow:0 0 12px 2px rgba(33,222,233,.4); }
.cdr-energy .h{ left:-120px; height:1px; width:120px; animation:cdr-eh 5s linear infinite; }
.cdr-energy .v{ top:-120px; width:1px; height:120px; background:linear-gradient(180deg,transparent,rgba(33,222,233,.9),transparent); animation:cdr-ev 6s linear infinite; }
.cdr-energy .h:nth-child(2){ animation-delay:2.5s; }
.cdr-energy .v:nth-child(4){ animation-delay:3s; }
@keyframes cdr-eh{ 0%{ left:-120px; } 100%{ left:100%; } }
@keyframes cdr-ev{ 0%{ top:-120px; } 100%{ top:100%; } }

/* engine preview — 2px border + hard teal shadow */
.cdr-engine{ position:relative; margin:4rem auto 0; max-width:64rem; border:2px solid var(--fg);
  background:var(--card); box-shadow:8px 8px 0 0 var(--teal); }
.cdr-engine__tags{ position:absolute; top:-1.4rem; left:0; right:0; display:flex; justify-content:space-between;
  font-family:var(--mono); font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--muted-fg); }
.cdr-engine__tags .live{ color:var(--teal); }
.cdr-engine__bar{ display:flex; align-items:center; gap:.4rem; padding:.5rem 1rem; border-bottom:2px solid var(--fg); background:var(--secondary); }
.cdr-engine__bar .dot{ width:10px; height:10px; border-radius:50%; background:rgba(246,245,240,.3); }
.cdr-engine__bar .dot:nth-child(3){ background:var(--teal); }
.cdr-engine__bar .lbl{ margin-left:.6rem; font-family:var(--mono); font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--muted-fg); }
.cdr-engine__body img{ display:block; width:100%; height:auto; }

/* ============================================================
   STATS BAR  (separate KPI section after hero)
   ============================================================ */
.cdr-statsbar{ position:relative; overflow:hidden; background:var(--secondary); }
.cdr-statsbar .cdr-grid-bg{ opacity:.5; }
.cdr-kpis{ position:relative; display:grid; grid-template-columns:repeat(4,1fr);
  border:2px solid var(--fg); background:var(--void); }
.cdr-kpi{ position:relative; padding:2rem; border-right:2px solid var(--fg);
  display:flex; flex-direction:column; align-items:flex-start; gap:.5rem; transition:background .2s ease; }
.cdr-kpi:last-child{ border-right:none; }
.cdr-kpi:hover{ background:rgba(24,29,37,.5); }
.cdr-kpi .tag{ font-family:var(--mono); font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:var(--muted-fg); }
.cdr-kpi .num{ font-size:clamp(2.5rem,5vw,3.75rem); font-weight:800; letter-spacing:-.04em; line-height:1; color:var(--fg); }
.cdr-kpi .lbl{ font-family:var(--mono); font-size:.75rem; letter-spacing:.06em; text-transform:uppercase; color:var(--muted-fg); }

/* ============================================================
   LOGO MARQUEE
   ============================================================ */
.cdr-trust{ position:relative; overflow:hidden; padding-block:3.5rem; border-bottom:2px solid var(--fg); background:var(--void); }
.cdr-trust__title{ display:flex; align-items:center; justify-content:center; gap:1rem; margin:0 0 1.5rem;
  font-family:var(--mono); font-size:10px; font-weight:500; letter-spacing:.25em; text-transform:uppercase; color:var(--muted-fg); }
.cdr-marquee__mask{ -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
.cdr-marquee{ display:flex; width:max-content; align-items:center; animation:cdr-scroll 30s linear infinite; }
.cdr-marquee img{ height:52px; width:auto; max-width:180px; object-fit:contain; padding-inline:2.5rem; flex:0 0 auto;
  filter:grayscale(1) invert(1) brightness(1.6); opacity:.6; transition:opacity .3s ease; }
.cdr-marquee img:hover{ opacity:1; }
@keyframes cdr-scroll{ to{ transform:translateX(-50%); } }

/* ============================================================
   ICON BOXES  (bordered, fill teal on hover)
   ============================================================ */
.cdr-ico{ border:2px solid var(--fg); background:var(--void); display:grid; place-items:center; transition:background .25s ease,border-color .25s ease; }
.cdr-ico::before{ content:""; background:var(--fg); -webkit-mask-size:contain; mask-size:contain;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; transition:background .25s ease; }
.group:hover > .cdr-ico,.cdr-card:hover .cdr-ico,.cdr-rm:hover .cdr-ico,.cdr-feat:hover .cdr-ico{ background:var(--teal); border-color:var(--teal); }
.cdr-card:hover .cdr-ico::before,.cdr-rm:hover .cdr-ico::before,.cdr-feat:hover .cdr-ico::before{ background:var(--void); }
/* cream section icon boxes use dark ink */
.cdr-section--cream .cdr-ico{ border-color:var(--void); background:transparent; }
.cdr-section--cream .cdr-ico::before{ background:var(--void); }
.cdr-section--cream .cdr-card:hover .cdr-ico,.cdr-section--cream .group:hover .cdr-ico{ background:var(--teal); border-color:var(--teal); }

/* Lucide-style mask glyphs */
.ic-brain::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5a3 3 0 1 0-5.9.6A3 3 0 0 0 4 11a3 3 0 0 0 2 5 3 3 0 0 0 6 0V5Z'/%3E%3Cpath d='M12 5a3 3 0 1 1 5.9.6A3 3 0 0 1 20 11a3 3 0 0 1-2 5 3 3 0 0 1-6 0'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5a3 3 0 1 0-5.9.6A3 3 0 0 0 4 11a3 3 0 0 0 2 5 3 3 0 0 0 6 0V5Z'/%3E%3Cpath d='M12 5a3 3 0 1 1 5.9.6A3 3 0 0 1 20 11a3 3 0 0 1-2 5 3 3 0 0 1-6 0'/%3E%3C/svg%3E"); }
.ic-scan::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7V5a2 2 0 0 1 2-2h2M17 3h2a2 2 0 0 1 2 2v2M21 17v2a2 2 0 0 1-2 2h-2M7 21H5a2 2 0 0 1-2-2v-2'/%3E%3Ccircle cx='11' cy='11' r='3'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7V5a2 2 0 0 1 2-2h2M17 3h2a2 2 0 0 1 2 2v2M21 17v2a2 2 0 0 1-2 2h-2M7 21H5a2 2 0 0 1-2-2v-2'/%3E%3Ccircle cx='11' cy='11' r='3'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E"); }
.ic-plus::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='1'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='1'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E"); }
.ic-shield::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E"); }
.ic-search::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Ccircle cx='11.5' cy='14.5' r='2.5'/%3E%3Cpath d='M13.3 16.3 15 18'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Ccircle cx='11.5' cy='14.5' r='2.5'/%3E%3Cpath d='M13.3 16.3 15 18'/%3E%3C/svg%3E"); }
.ic-zap::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z'/%3E%3C/svg%3E"); }
.ic-chart::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v16a2 2 0 0 0 2 2h16'/%3E%3Cpath d='M18 17V9M13 17V5M8 17v-3'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v16a2 2 0 0 0 2 2h16'/%3E%3Cpath d='M18 17V9M13 17V5M8 17v-3'/%3E%3C/svg%3E"); }
.ic-file::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v6h6M16 13H8M16 17H8M10 9H8'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v6h6M16 13H8M16 17H8M10 9H8'/%3E%3C/svg%3E"); }
.ic-fileup::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v6h6M12 18v-6M9 15l3-3 3 3'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v6h6M12 18v-6M9 15l3-3 3 3'/%3E%3C/svg%3E"); }
.ic-cpu::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='2'/%3E%3Crect x='9' y='9' width='6' height='6'/%3E%3Cpath d='M15 2v2M15 20v2M2 15h2M2 9h2M20 15h2M20 9h2M9 2v2M9 20v2'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='2'/%3E%3Crect x='9' y='9' width='6' height='6'/%3E%3Cpath d='M15 2v2M15 20v2M2 15h2M2 9h2M20 15h2M20 9h2M9 2v2M9 20v2'/%3E%3C/svg%3E"); }
.ic-check::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E"); }
.ic-clock::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E"); }
.ic-dollar::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E"); }
.ic-trend::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 7h6v6'/%3E%3Cpath d='m22 7-8.5 8.5-5-5L2 17'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 7h6v6'/%3E%3Cpath d='m22 7-8.5 8.5-5-5L2 17'/%3E%3C/svg%3E"); }
.ic-sparkles::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.94 14.66 12 21l2.06-6.34L20 12.6l-5.94-2.06L12 4l-2.06 6.54L4 12.6z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.94 14.66 12 21l2.06-6.34L20 12.6l-5.94-2.06L12 4l-2.06 6.54L4 12.6z'/%3E%3C/svg%3E"); }
.ic-braces::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5a2 2 0 0 0 2 2h1'/%3E%3Cpath d='M16 21h1a2 2 0 0 0 2-2v-5a2 2 0 0 1 2-2 2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5a2 2 0 0 0 2 2h1'/%3E%3Cpath d='M16 21h1a2 2 0 0 0 2-2v-5a2 2 0 0 1 2-2 2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1'/%3E%3C/svg%3E"); }
.ic-link::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 17H7A5 5 0 0 1 7 7h2M15 7h2a5 5 0 0 1 0 10h-2M8 12h8'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 17H7A5 5 0 0 1 7 7h2M15 7h2a5 5 0 0 1 0 10h-2M8 12h8'/%3E%3C/svg%3E"); }

/* ============================================================
   BRUTALIST CARD GRID  (Core Four / features / etc.)
   ============================================================ */
.cdr-grid{ display:grid; gap:0; border:2px solid var(--fg); }
.cdr-grid--2{ grid-template-columns:repeat(2,1fr); }
.cdr-grid--3{ grid-template-columns:repeat(3,1fr); }
.cdr-card{ position:relative; background:var(--card); padding:2.5rem; transition:background .3s ease;
  border-right:2px solid var(--fg); border-bottom:2px solid var(--fg); }
.cdr-card:hover{ background:rgba(24,29,37,.5); }
.cdr-grid--2 .cdr-card:nth-child(2n){ border-right:none; }
.cdr-grid--2 .cdr-card:nth-child(n+3){ border-bottom:none; }
.cdr-grid--3 .cdr-card:nth-child(3n){ border-right:none; }
.cdr-card__head{ display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:2rem; }
.cdr-card__icon{ width:56px; height:56px; }
.cdr-card__icon::before{ width:24px; height:24px; }
.cdr-card__num{ font-family:var(--mono); font-size:1.875rem; font-weight:700; color:rgba(246,245,240,.1); margin:0; transition:color .3s ease; }
.cdr-card:hover .cdr-card__num{ color:rgba(33,222,233,.4); }
.cdr-card h3{ font-size:1.5rem; font-weight:800; letter-spacing:-.02em; margin:0 0 .75rem; }
.cdr-card p{ color:var(--muted-fg); font-size:.875rem; line-height:1.65; margin:0 0 2rem; max-width:30rem; }
.cdr-card__link{ display:inline-flex; align-items:center; gap:.5rem; font-family:var(--mono); font-size:.8125rem;
  text-transform:uppercase; letter-spacing:.06em; color:var(--fg); border-bottom:2px solid var(--fg); padding-bottom:.25rem; }
.cdr-card__link::after{ content:"↗"; }
.cdr-card__link:hover{ color:var(--teal); border-color:var(--teal); }

/* ============================================================
   WHAT IS CANDOR  (split: sticky intro + 2-col feature grid)
   ============================================================ */
.cdr-split{ display:grid; grid-template-columns:5fr 7fr; gap:clamp(2.5rem,5vw,4rem); align-items:start; }
.cdr-split__intro{ position:sticky; top:6rem; }
.cdr-pill{ display:inline-flex; align-items:center; gap:1rem; border:2px solid var(--fg); background:var(--void); padding:1.25rem; margin-top:2rem; }
.cdr-pill .dots{ display:flex; }
.cdr-pill .dots span{ width:36px; height:36px; border-radius:50%; border:2px solid var(--fg); background:var(--secondary);
  margin-left:-8px; display:grid; place-items:center; font-size:.75rem; font-weight:700; color:var(--fg); }
.cdr-pill b{ color:var(--fg); display:block; font-size:.875rem; font-weight:800; }
.cdr-pill small{ font-family:var(--mono); font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:var(--muted-fg); }
.cdr-features{ display:grid; grid-template-columns:repeat(2,1fr); gap:0; border:2px solid var(--fg); }
.cdr-feat{ background:var(--card); padding:1.5rem; transition:background .25s ease;
  border-right:2px solid var(--fg); border-bottom:2px solid var(--fg); }
.cdr-feat:hover{ background:rgba(24,29,37,.4); }
.cdr-feat:nth-child(2n){ border-right:none; }
.cdr-feat:nth-child(n+5){ border-bottom:none; }
.cdr-feat__head{ display:flex; align-items:flex-start; gap:.75rem; margin-bottom:.75rem; }
.cdr-feat__icon{ width:36px; height:36px; flex:0 0 auto; }
.cdr-feat__icon::before{ width:16px; height:16px; }
.cdr-feat__n{ font-family:var(--mono); font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:var(--teal); margin-top:.5rem; }
.cdr-feat h3{ font-size:1rem; font-weight:800; letter-spacing:-.01em; margin:0 0 .35rem; }
.cdr-feat p{ font-size:.75rem; color:var(--muted-fg); line-height:1.6; margin:0; }

/* ============================================================
   WORKFLOW
   ============================================================ */
.cdr-howit{ position:relative; overflow:hidden; }
.cdr-howit .cdr-grid-bg{ opacity:.3; }
.cdr-steps{ position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; max-width:64rem;
  margin:0 auto; }
.cdr-steps::before{ content:""; position:absolute; top:48px; left:12%; right:12%; height:2px; background:var(--fg); z-index:0; }
.cdr-steps::after{ content:""; position:absolute; top:48px; left:12%; right:12%; height:2px; background:var(--teal); transform:scaleX(0); transform-origin:left; transition:transform 1.2s ease .3s; z-index:0; }
.cdr-anim .cdr-steps.is-in::after{ transform:scaleX(1); }
.cdr-step{ display:flex; flex-direction:column; align-items:center; text-align:center; position:relative; z-index:1; }
.cdr-step__box{ position:relative; width:96px; height:96px; border:2px solid var(--fg); background:var(--card);
  display:grid; place-items:center; box-shadow:4px 4px 0 0 var(--teal); }
.cdr-step__box::before{ width:36px; height:36px; background:var(--fg); content:""; -webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center; }
.cdr-step__box .badge{ position:absolute; top:-10px; right:-10px; font-family:var(--mono); font-size:10px; font-weight:700;
  background:var(--teal); color:var(--void); padding:1px 6px; border:1px solid var(--fg); }
.cdr-step .tag{ font-family:var(--mono); font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:var(--teal); margin:1.5rem 0 .5rem; }
.cdr-step h3{ font-size:1.125rem; font-weight:800; margin:0 0 .4rem; }
.cdr-step p{ font-size:.875rem; color:var(--muted-fg); max-width:180px; margin:0; }

/* ============================================================
   ECONOMICS  (inverted: light bg, dark text)
   ============================================================ */
.cdr-econ{ display:grid; grid-template-columns:5fr 7fr; gap:clamp(2rem,5vw,3rem); align-items:start; }
.cdr-stats{ display:grid; grid-template-columns:repeat(2,1fr); gap:0; border:2px solid var(--void); }
.cdr-stat{ padding:1.75rem; transition:background .25s ease; border-right:2px solid var(--void); border-bottom:2px solid var(--void); }
.cdr-stat:hover{ background:rgba(9,11,17,.05); }
.cdr-stat:nth-child(2n){ border-right:none; }
.cdr-stat:nth-child(n+3){ border-bottom:none; }
.cdr-stat__head{ display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:1.25rem; }
.cdr-stat__icon{ width:40px; height:40px; }
.cdr-stat__icon::before{ width:20px; height:20px; background:var(--void); }
.cdr-stat .idx{ font-family:var(--mono); font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:rgba(9,11,17,.5); }
.cdr-stat .num{ font-size:clamp(2.5rem,5vw,3.75rem); font-weight:800; letter-spacing:-.04em; line-height:1; color:var(--void); margin:0 0 .5rem; }
.cdr-stat .lbl{ font-family:var(--mono); font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:#0f8b95; margin:0 0 .5rem; display:block; }
.cdr-stat p{ font-size:.75rem; color:rgba(9,11,17,.6); line-height:1.6; margin:0; }

/* ============================================================
   ROADMAP
   ============================================================ */
.cdr-roadmap{ display:grid; grid-template-columns:repeat(6,1fr); gap:0; border:2px solid var(--fg); margin-bottom:4rem; }
.cdr-rm{ background:var(--card); padding:1.25rem; transition:background .25s ease; border-right:2px solid var(--fg); }
.cdr-rm:last-child{ border-right:none; }
.cdr-rm:hover{ background:rgba(24,29,37,.4); }
.cdr-rm__icon{ width:36px; height:36px; margin-bottom:.75rem; }
.cdr-rm__icon::before{ width:16px; height:16px; }
.cdr-rm h3{ font-size:.75rem; font-weight:800; letter-spacing:-.01em; margin:0 0 .25rem; }
.cdr-rm p{ font-size:11px; color:var(--muted-fg); line-height:1.45; margin:0; }
.cdr-quarters{ display:flex; justify-content:center; width:fit-content; margin:0 auto; border:2px solid var(--fg); }
.cdr-quarters span,.cdr-quarters button{ padding:.75rem 1.5rem; font-family:var(--mono); font-size:.875rem; font-weight:600;
  letter-spacing:.06em; text-transform:uppercase; color:var(--muted-fg); border-right:2px solid var(--fg);
  background:none; border-top:none; border-bottom:none; border-left:none; cursor:pointer; transition:background .2s ease,color .2s ease; }
.cdr-quarters span:last-child,.cdr-quarters button:last-child{ border-right:none; }
.cdr-quarters span.on,.cdr-quarters button.on{ background:var(--fg); color:var(--void); }
.cdr-quarters button:hover:not(.on){ background:var(--secondary); color:var(--fg); }
.cdr-timeline{ position:relative; height:2px; background:rgba(246,245,240,.2); max-width:48rem; margin:2.5rem auto 3rem; }
.cdr-timeline .fill{ position:absolute; left:0; top:0; height:100%; background:var(--teal); transition:width .4s ease; }
.cdr-timeline .dot{ position:absolute; top:50%; width:12px; height:12px; border:2px solid var(--fg); background:var(--void);
  transform:translate(-50%,-50%); transition:background .3s ease; }
.cdr-timeline .dot.on{ background:var(--teal); }
.cdr-release h3.cdr-qlabel{ font-size:1.5rem; font-weight:800; }
.cdr-release{ display:flex; align-items:center; justify-content:center; gap:.75rem; margin-bottom:2rem; }
.cdr-release .m{ font-family:var(--mono); font-size:.75rem; letter-spacing:.18em; text-transform:uppercase; color:var(--teal); }
.cdr-release h3{ font-size:1.5rem; font-weight:800; }
.cdr-releasegrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:0; max-width:56rem; margin:0 auto; border:2px solid var(--fg); }
.cdr-releasegrid[hidden]{ display:none; }
.cdr-ritem{ background:var(--card); padding:1.25rem; border-right:2px solid var(--fg); border-bottom:2px solid var(--fg); }
.cdr-ritem .cat{ font-family:var(--mono); font-size:10px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--teal); display:flex; gap:.4rem; align-items:center; margin-bottom:.5rem; }
.cdr-ritem .cat::before{ content:"›"; }
.cdr-ritem p{ font-size:.875rem; color:rgba(246,245,240,.8); line-height:1.6; margin:0; }

/* ============================================================
   TESTIMONIALS
   ============================================================ */
.cdr-quotes{ display:grid; grid-template-columns:repeat(3,1fr); gap:0; border:2px solid var(--fg); }
.cdr-quote{ background:var(--card); padding:2rem; display:flex; flex-direction:column; justify-content:space-between;
  transition:background .25s ease; border-right:2px solid var(--fg); border-bottom:2px solid var(--fg); }
.cdr-quote:hover{ background:var(--void); }
.cdr-quotes .cdr-quote:nth-child(3n){ border-right:none; }
.cdr-quotes .cdr-quote:nth-child(n+7){ border-bottom:none; }
/* CTA card fills the trailing column so the 3-col grid has no empty cell */
.cdr-quotes .cdr-quote--cta{ grid-column:span 2; border-right:none; }
.cdr-quote__top{ display:flex; align-items:center; justify-content:space-between; margin-bottom:1.25rem; }
.cdr-quote__mark{ width:28px; height:28px; background:var(--teal); -webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z'/%3E%3Cpath d='M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z'/%3E%3Cpath d='M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z'/%3E%3C/svg%3E"); }
.cdr-quote__idx{ font-family:var(--mono); font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--muted-fg); }
.cdr-quote blockquote{ margin:0; border:none; padding:0; font-size:15px; line-height:1.7; color:rgba(246,245,240,.85); }
.cdr-quote__foot{ border-top:2px solid var(--fg); padding-top:1.25rem; margin-top:2rem; }
.cdr-quote cite{ font-style:normal; }
.cdr-quote cite b{ display:block; font-size:.875rem; font-weight:800; letter-spacing:-.01em; color:var(--fg); }
.cdr-quote cite span{ font-family:var(--mono); font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--muted-fg); }

/* ============================================================
   RECEIPTS / AWARDS
   ============================================================ */
.cdr-awards{ display:grid; grid-template-columns:repeat(4,1fr); gap:0; max-width:64rem; margin:0 auto; border:2px solid var(--fg); }
.cdr-award{ display:flex; align-items:center; justify-content:center; padding:2.5rem 1.5rem; background:var(--card);
  transition:background .25s ease; border-right:2px solid var(--fg); border-bottom:2px solid var(--fg); }
.cdr-award:hover{ background:rgba(24,29,37,.4); }
.cdr-award:nth-child(4n){ border-right:none; }
.cdr-award:nth-child(n+5){ border-bottom:none; }
.cdr-award img{ max-height:56px; max-width:150px; width:auto; object-fit:contain;
  filter:grayscale(1) invert(1) brightness(1.6); opacity:.7; transition:opacity .25s ease; }
.cdr-award:hover img{ opacity:1; }

/* ============================================================
   FINAL CTA
   ============================================================ */
.cdr-cta{ position:relative; overflow:hidden; text-align:center; border-bottom:none; }
.cdr-cta .cdr-grid-bg{ opacity:.6; }
.cdr-cta__inner{ position:relative; z-index:1; max-width:48rem; margin-inline:auto; }
.cdr-cta h2{ font-size:clamp(2.75rem,7vw,5.5rem); letter-spacing:-.04em; line-height:1.05; margin:0 0 1.5rem; }
.cdr-cta .cdr-marker{ margin-inline:auto; }
.cdr-cta__note{ font-family:var(--mono); font-size:.75rem; letter-spacing:.16em; text-transform:uppercase; color:var(--muted-fg); margin-top:2rem; }

/* ============================================================
   FOOTER  (inverted light)
   ============================================================ */
.cdr-footer{ position:relative; overflow:hidden; background:var(--fg); color:var(--void); border-top:2px solid var(--fg); padding-block:5rem 2.5rem; }
.cdr-footer__top{ border-bottom:2px solid rgba(9,11,17,.2); padding-bottom:3rem; margin-bottom:3rem; }
.cdr-footer__row{ display:flex; align-items:flex-end; justify-content:space-between; flex-wrap:wrap; gap:1.5rem; }
.cdr-footer__brand{ font-weight:800; letter-spacing:-.05em; line-height:.85; color:var(--void); font-size:clamp(3.5rem,12vw,10rem); }
.cdr-footer__brand .accent{ color:var(--teal); }
.cdr-footer__tag{ font-family:var(--mono); font-size:.75rem; letter-spacing:.16em; text-transform:uppercase; color:rgba(9,11,17,.5); text-align:right; }
.cdr-footer__cols{ display:grid; grid-template-columns:2fr repeat(3,1fr); gap:2rem; margin-bottom:3.5rem; }
.cdr-footer__about p{ font-size:.875rem; color:rgba(9,11,17,.6); line-height:1.6; max-width:20rem; margin:1rem 0 0; }
.cdr-footer__cols h4{ font-family:var(--mono); font-size:10px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:#0f8b95; margin:0 0 1.25rem; }
.cdr-footer__cols ul{ list-style:none; margin:0; padding:0; }
.cdr-footer__cols li{ margin-bottom:.625rem; }
.cdr-footer__cols a{ font-size:.875rem; color:rgba(9,11,17,.7); }
.cdr-footer__cols a:hover{ color:#0f8b95; }
.cdr-footer__bottom{ border-top:2px solid rgba(9,11,17,.2); padding-top:2rem; display:flex; justify-content:space-between; flex-wrap:wrap; gap:1rem;
  font-family:var(--mono); font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:rgba(9,11,17,.5); }
.cdr-footer__bottom a{ color:rgba(9,11,17,.5); }

/* ============================================================
   PAGE HEADER (inner pages)
   ============================================================ */
.cdr-pagehead{ position:relative; overflow:hidden; border-bottom:2px solid var(--fg);
  padding-block:clamp(8rem,13vw,10rem) clamp(2.5rem,5vw,4rem); }
.cdr-pagehead > .cdr-wrap{ position:relative; z-index:1; }
.cdr-pagehead h1{ font-size:clamp(2.5rem,6vw,4.5rem); letter-spacing:-.035em; line-height:1.05; margin:.25rem 0 0; }
.cdr-pagehead .cdr-lead{ margin-top:1.25rem; }

/* contact form */
.cdr-form{ display:grid; gap:1rem; max-width:34rem; }
.cdr-form .row{ display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.cdr-form label{ font-family:var(--mono); font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted-fg); display:block; margin-bottom:.4rem; }
.cdr-form input,.cdr-form textarea{ width:100%; background:var(--card); border:2px solid var(--fg); color:var(--fg);
  padding:.75rem 1rem; font:inherit; font-size:.9375rem; border-radius:0; min-height:48px; }
.cdr-form textarea{ min-height:120px; resize:vertical; }
.cdr-form input:focus,.cdr-form textarea:focus{ outline:none; border-color:var(--teal); }
.cdr-form button{ background:var(--teal); color:var(--void); border:2px solid var(--fg); font:600 .9375rem var(--sans);
  padding:0 1.75rem; height:48px; cursor:pointer; display:inline-flex; align-items:center; gap:.5rem; justify-self:start;
  transition:transform .15s ease,box-shadow .15s ease; }
.cdr-form button:hover{ transform:translate(-2px,-2px); box-shadow:4px 4px 0 0 var(--fg); }
.cdr-contact-cards{ border:2px solid var(--fg); }
.cdr-contact-card{ padding:1.5rem; border-bottom:2px solid var(--fg); }
.cdr-contact-card:last-child{ border-bottom:none; }
.cdr-contact-card .lbl{ font-family:var(--mono); font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--teal); display:block; margin-bottom:.5rem; }
.cdr-contact-card b{ color:var(--fg); font-size:1.05rem; font-weight:700; }
.cdr-contact-card a{ color:var(--fg); }

/* ROI calculator */
.cdr-calc{ display:grid; grid-template-columns:1fr 1fr; gap:0; border:2px solid var(--fg); }
.cdr-calc__in{ padding:clamp(1.5rem,3vw,2.5rem); border-right:2px solid var(--fg); }
.cdr-calc__out{ padding:clamp(1.5rem,3vw,2.5rem); background:var(--secondary); display:flex; flex-direction:column; justify-content:center; }
.cdr-calc label{ font-family:var(--mono); font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--muted-fg); display:block; margin:1rem 0 .35rem; }
.cdr-calc input{ width:100%; background:var(--void); border:2px solid var(--fg); color:var(--fg); padding:.6rem .8rem; font:inherit; font-size:.95rem; border-radius:0; }
.cdr-calc input:focus{ outline:none; border-color:var(--teal); }
.cdr-calc__row{ display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.cdr-calc__big{ font-size:clamp(2.5rem,6vw,4rem); font-weight:800; letter-spacing:-.04em; color:var(--teal); line-height:1; }
.cdr-calc__lbl{ font-family:var(--mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted-fg); margin:.6rem 0 1.5rem; display:block; }
.cdr-calc__line{ display:flex; justify-content:space-between; padding:.7rem 0; border-bottom:1px solid var(--border-sub); font-size:.9rem; }
.cdr-calc__line b{ color:var(--fg); font-family:var(--mono); }
.cdr-calc__note{ font-family:var(--mono); font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted-fg); margin-top:1.25rem; }
@media(max-width:768px){ .cdr-calc{ grid-template-columns:1fr; } .cdr-calc__in{ border-right:none; border-bottom:2px solid var(--fg); } }

/* FAQ */
.cdr-faq details{ border:2px solid var(--fg); padding:1.1rem 1.3rem; margin-bottom:1rem; background:var(--card); }
.cdr-faq summary{ cursor:pointer; font-weight:700; color:var(--fg); font-size:1.02rem; list-style:none; display:flex; justify-content:space-between; gap:1rem; }
.cdr-faq summary::-webkit-details-marker{ display:none; }
.cdr-faq summary::after{ content:"+"; color:var(--teal); font-family:var(--mono); font-size:1.3rem; line-height:1; }
.cdr-faq details[open] summary::after{ content:"–"; }
.cdr-faq details p{ color:var(--muted-fg); margin:.9rem 0 0; line-height:1.7; }
.cdr-prose{ max-width:42rem; }
.cdr-prose p{ color:var(--muted-fg); line-height:1.8; }
.cdr-section--cream .cdr-prose p{ color:rgba(9,11,17,.7); }

/* ============================================================
   DETAIL PAGES (case studies / products): metrics, quote, prose
   ============================================================ */
.cdr-metrics{ display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); border:2px solid var(--fg); }
.cdr-metric{ padding:2rem; border-right:2px solid var(--fg); }
.cdr-metric:last-child{ border-right:none; }
.cdr-metric .n{ font-size:clamp(2.2rem,4vw,3rem); font-weight:800; letter-spacing:-.03em; color:var(--teal); line-height:1; }
.cdr-metric .l{ font-family:var(--mono); font-size:.7rem; letter-spacing:.12em; text-transform:uppercase; color:var(--muted-fg); margin-top:.7rem; display:block; }
.cdr-bigquote{ border:2px solid var(--fg); border-left:6px solid var(--teal); background:var(--card); padding:clamp(1.8rem,4vw,2.5rem); }
.cdr-bigquote blockquote{ margin:0; border:none; padding:0; font-size:clamp(1.1rem,2vw,1.5rem); line-height:1.5; font-weight:600; color:var(--fg); }
.cdr-bigquote cite{ display:block; margin-top:1.5rem; font-style:normal; }
.cdr-bigquote cite b{ color:var(--fg); font-weight:800; font-size:.95rem; display:block; }
.cdr-bigquote cite span{ font-family:var(--mono); font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; color:var(--teal); }
.cdr-richtext{ max-width:54rem; }
.cdr-richtext h2{ font-size:clamp(1.6rem,3vw,2.2rem); margin:2.5rem 0 1rem; }
.cdr-richtext h3{ font-size:1.2rem; margin:1.8rem 0 .6rem; color:var(--fg); }
.cdr-richtext p{ color:var(--muted-fg); line-height:1.8; margin:0 0 1rem; }
.cdr-richtext ul{ color:var(--muted-fg); line-height:1.8; padding-left:1.2rem; margin:0 0 1.5rem; }
.cdr-richtext li{ margin-bottom:.4rem; }
.cdr-richtext a{ color:var(--teal); }
.cdr-split--csroles{ grid-template-columns:repeat(3,1fr); display:grid; gap:0; border:2px solid var(--fg); }

/* ============================================================
   BLOG / NEWSROOM CARD GRID
   ============================================================ */
.cdr-bloggrid{ list-style:none; margin:0; padding:0; gap:1.5rem; }
.cdr-bloggrid.is-layout-grid{ grid-template-columns:repeat(3,1fr); }
.cdr-bloggrid > li{ background:var(--card); border:2px solid var(--fg); padding:1.75rem; display:flex; flex-direction:column;
  transition:transform .15s ease,box-shadow .15s ease; }
.cdr-bloggrid > li:hover{ transform:translate(-3px,-3px); box-shadow:6px 6px 0 0 var(--teal); }
.cdr-blogdate,.cdr-bloggrid .wp-block-post-date{ font-family:var(--mono); font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--teal); margin:0 0 .75rem; }
.cdr-bloggrid .wp-block-post-title{ font-size:1.15rem; font-weight:800; line-height:1.28; letter-spacing:-.01em; margin:0 0 .75rem; }
.cdr-bloggrid .wp-block-post-title a{ color:var(--fg); text-decoration:none; }
.cdr-bloggrid .wp-block-post-title a:hover{ color:var(--teal); }
.cdr-bloggrid .wp-block-post-excerpt{ margin:0; }
.cdr-bloggrid .wp-block-post-excerpt__excerpt{ font-size:.9rem; color:var(--muted-fg); line-height:1.65; }
.cdr-bloggrid .wp-block-post-excerpt__more-text{ margin-top:.9rem; }
.cdr-bloggrid .wp-block-post-excerpt__more-text a,.cdr-bloggrid .wp-block-read-more{ font-family:var(--mono); font-size:.7rem; text-transform:uppercase; letter-spacing:.12em; color:var(--teal); text-decoration:none; }
.wp-block-query-pagination{ margin-top:2.5rem; gap:.75rem; font-family:var(--mono); font-size:.85rem; }
.wp-block-query-pagination a{ color:var(--muted-fg); text-decoration:none; }
.wp-block-query-pagination a:hover{ color:var(--teal); }
.wp-block-query-pagination .current{ color:var(--fg); font-weight:700; }
@media(max-width:1024px){ .cdr-bloggrid.is-layout-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:768px){ .cdr-bloggrid.is-layout-grid{ grid-template-columns:1fr; } }
@media(max-width:768px){ .cdr-metric{ border-right:none!important; border-bottom:2px solid var(--fg); } .cdr-metrics .cdr-metric:last-child{ border-bottom:none; } .cdr-split--csroles{ grid-template-columns:1fr; } }

/* ============================================================
   MEDIA FEED
   ============================================================ */
.cdr-feedwrap{ max-width:680px; margin:0 auto; }
.cdr-feed{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:1.75rem; }
.cdr-feed > li{ background:var(--card); border:2px solid var(--fg); box-shadow:5px 5px 0 0 var(--border-sub);
  overflow:hidden; transition:transform .2s ease, box-shadow .2s ease; }
.cdr-feed > li:hover{ transform:translate(-3px,-3px); box-shadow:8px 8px 0 0 var(--teal); }
.cdr-feed-head{ display:flex; align-items:baseline; gap:.75rem; flex-wrap:wrap; padding:1.1rem 1.25rem .4rem; }
.cdr-feed-date,.cdr-feed .wp-block-post-date{ font-family:var(--mono); font-size:10px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--teal); margin:0; }
.cdr-feed .wp-block-post-title{ font-size:1.05rem; font-weight:800; line-height:1.28; letter-spacing:-.01em; margin:0; color:var(--fg); }
.cdr-feed-media{ margin:0; }
.cdr-feed-media img,
.cdr-feed-content img,
.cdr-feed-content video,
.cdr-feed-content iframe,
.cdr-feed-content .wp-block-video video,
.cdr-feed-content .wp-block-embed iframe{ display:block; width:100%; height:auto; max-width:100%; }
.cdr-feed-content{ padding:1rem 1.25rem 1.25rem; }
.cdr-feed-content > *{ margin-block:0 .7em; }
.cdr-feed-content > *:last-child{ margin-bottom:0; }
.cdr-feed-content figure{ margin:0 0 .7em; }
.cdr-feed-content figcaption{ font-family:var(--mono); font-size:.7rem; letter-spacing:.06em; text-transform:uppercase;
  color:var(--muted-fg); margin-top:.5rem; }
.cdr-feed-content p{ font-size:.95rem; color:var(--muted-fg); line-height:1.65; }
.cdr-feed-empty{ text-align:center; color:var(--muted-fg); font-family:var(--mono); font-size:.85rem; }
@media(max-width:768px){ .cdr-feed-content p{ font-size:.9rem; } }

/* ============================================================
   CORE SIX  (Tabler module icons + card additions)
   ============================================================ */
.ic-ti-usercheck::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0'/%3E%3Cpath d='M6 21v-2a4 4 0 0 1 4 -4h4'/%3E%3Cpath d='M15 19l2 2l4 -4'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0'/%3E%3Cpath d='M6 21v-2a4 4 0 0 1 4 -4h4'/%3E%3Cpath d='M15 19l2 2l4 -4'/%3E%3C/svg%3E"); }
.ic-ti-cpu::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5m0 1a1 1 0 0 1 1 -1h12a1 1 0 0 1 1 1v12a1 1 0 0 1 -1 1h-12a1 1 0 0 1 -1 -1z'/%3E%3Cpath d='M9 9h6v6h-6z'/%3E%3Cpath d='M3 10h2'/%3E%3Cpath d='M3 14h2'/%3E%3Cpath d='M10 3v2'/%3E%3Cpath d='M14 3v2'/%3E%3Cpath d='M21 10h-2'/%3E%3Cpath d='M21 14h-2'/%3E%3Cpath d='M14 21v-2'/%3E%3Cpath d='M10 21v-2'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5m0 1a1 1 0 0 1 1 -1h12a1 1 0 0 1 1 1v12a1 1 0 0 1 -1 1h-12a1 1 0 0 1 -1 -1z'/%3E%3Cpath d='M9 9h6v6h-6z'/%3E%3Cpath d='M3 10h2'/%3E%3Cpath d='M3 14h2'/%3E%3Cpath d='M10 3v2'/%3E%3Cpath d='M14 3v2'/%3E%3Cpath d='M21 10h-2'/%3E%3Cpath d='M21 14h-2'/%3E%3Cpath d='M14 21v-2'/%3E%3Cpath d='M10 21v-2'/%3E%3C/svg%3E"); }
.ic-ti-refresh::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4'/%3E%3Cpath d='M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4'/%3E%3Cpath d='M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4'/%3E%3C/svg%3E"); }
.ic-ti-shieldcheck::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.46 20.846a12 12 0 0 1 -7.96 -14.846a12 12 0 0 0 8.5 -3a12 12 0 0 0 8.5 3a12 12 0 0 1 -.09 7.06'/%3E%3Cpath d='M15 19l2 2l4 -4'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.46 20.846a12 12 0 0 1 -7.96 -14.846a12 12 0 0 0 8.5 -3a12 12 0 0 0 8.5 3a12 12 0 0 1 -.09 7.06'/%3E%3Cpath d='M15 19l2 2l4 -4'/%3E%3C/svg%3E"); }
.ic-ti-filesearch::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M12 21h-5a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v4.5'/%3E%3Cpath d='M16.5 17.5m-2.5 0a2.5 2.5 0 1 0 5 0a2.5 2.5 0 1 0 -5 0'/%3E%3Cpath d='M18.5 19.5l2.5 2.5'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M12 21h-5a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v4.5'/%3E%3Cpath d='M16.5 17.5m-2.5 0a2.5 2.5 0 1 0 5 0a2.5 2.5 0 1 0 -5 0'/%3E%3Cpath d='M18.5 19.5l2.5 2.5'/%3E%3C/svg%3E"); }
.ic-ti-chartline::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19l16 0'/%3E%3Cpath d='M4 15l4 -6l4 2l4 -5l4 4'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19l16 0'/%3E%3Cpath d='M4 15l4 -6l4 2l4 -5l4 4'/%3E%3C/svg%3E"); }

/* 6-up module grid (3 cols → 2 → 1) */
.cdr-grid--six{ grid-template-columns:repeat(3,1fr); }
.cdr-grid--six .cdr-card{ border-right:2px solid var(--fg); border-bottom:2px solid var(--fg); }
.cdr-grid--six .cdr-card:nth-child(3n){ border-right:none; }
.cdr-grid--six .cdr-card:nth-child(n+4){ border-bottom:none; }
@media(max-width:1024px){
  .cdr-grid--six{ grid-template-columns:repeat(2,1fr); }
  .cdr-grid--six .cdr-card{ border-right:2px solid var(--fg); border-bottom:2px solid var(--fg); }
  .cdr-grid--six .cdr-card:nth-child(3n){ border-right:2px solid var(--fg); }
  .cdr-grid--six .cdr-card:nth-child(2n){ border-right:none; }
  .cdr-grid--six .cdr-card:nth-child(n+4){ border-bottom:2px solid var(--fg); }
  .cdr-grid--six .cdr-card:nth-child(n+5){ border-bottom:none; }
}

/* Core Six card accent (teal top-line + gradient) — applied to every card in the grid */
.cdr-card--new,
.cdr-grid--six .cdr-card{ box-shadow:inset 0 3px 0 0 var(--teal); background:linear-gradient(180deg,rgba(33,222,233,.07),transparent 42%),var(--card); }
.cdr-card__new{ font-family:var(--mono); font-size:9px; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  color:var(--void); background:var(--teal); padding:.15rem .4rem; margin-left:.55rem; vertical-align:middle; }
.cdr-captags{ display:flex; flex-wrap:wrap; gap:.4rem; margin:0 0 1.1rem; }
.cdr-captag{ font-family:var(--mono); font-size:10px; letter-spacing:.05em; text-transform:uppercase; color:var(--muted-fg);
  border:1px solid var(--border-sub); padding:.24rem .5rem; white-space:nowrap; }
.cdr-captag--em{ color:var(--teal); border-color:var(--teal); }
.cdr-captags__note{ font-family:var(--mono); font-size:10px; color:var(--muted-fg); margin:-.6rem 0 1.1rem; opacity:.85; }
.cdr-card__feat{ display:block; font-family:var(--mono); font-size:11px; line-height:1.55; color:var(--muted-fg);
  border-left:2px solid var(--teal); padding:.4rem 0 .4rem .7rem; margin:0 0 1.1rem; }
.cdr-card__feat b{ color:var(--fg); }

/* URLA Updater sub-product callout */
.cdr-subproduct{ display:flex; gap:1.25rem; align-items:flex-start; margin-top:2rem; padding:1.6rem 1.75rem;
  border:2px solid var(--fg); background:linear-gradient(180deg,rgba(33,222,233,.06),transparent 50%),var(--card); }
.cdr-subproduct__icon{ width:52px; height:52px; flex:0 0 auto; }
.cdr-subproduct__icon::before{ width:24px; height:24px; }
.cdr-subproduct__tag{ font-family:var(--mono); font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--teal); margin:0 0 .4rem; }
.cdr-subproduct h3{ font-size:1.15rem; font-weight:800; margin:0 0 .5rem; }
.cdr-subproduct p{ font-size:.9rem; color:var(--muted-fg); line-height:1.65; margin:0; }
@media(max-width:768px){ .cdr-subproduct{ flex-direction:column; gap:1rem; } }

/* two-column check list (CandorPLUS benefits) */
.cdr-checks{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,1fr); gap:.7rem 2.5rem; }
.cdr-checks li{ position:relative; padding-left:1.6rem; font-size:.95rem; color:var(--muted-fg); line-height:1.5; }
.cdr-checks li::before{ content:"✓"; position:absolute; left:0; top:0; color:var(--teal); font-weight:700; }

/* horizontal workflow pipeline (CandorDI) */
.cdr-pipeline{ display:flex; flex-wrap:wrap; border:2px solid var(--fg); background:var(--card); }
.cdr-pipeline__step{ flex:1 1 0; min-width:130px; padding:1.35rem 1rem; text-align:center; border-right:2px solid var(--fg); }
.cdr-pipeline__step:last-child{ border-right:none; }
.cdr-pipeline__n{ font-family:var(--mono); font-size:10px; letter-spacing:.16em; color:var(--teal); display:block; margin-bottom:.45rem; }
.cdr-pipeline__step h4{ font-size:.95rem; font-weight:800; margin:0; letter-spacing:-.01em; }
@media(max-width:768px){
  .cdr-checks{ grid-template-columns:1fr; }
  .cdr-pipeline{ flex-direction:column; }
  .cdr-pipeline__step{ border-right:none; border-bottom:2px solid var(--fg); }
  .cdr-pipeline__step:last-child{ border-bottom:none; }
}

/* glass-box assistant mock (LES › Agent Orchestration) */
.cdr-assistant{ border:2px solid var(--fg); background:var(--void); padding:1.15rem 1.15rem 1rem; width:100%; max-width:480px; }
.cdr-assistant__bar{ display:flex; align-items:center; justify-content:space-between; gap:1rem; font-family:var(--mono);
  font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--muted-fg);
  border-bottom:1px solid var(--border-sub); padding-bottom:.8rem; margin-bottom:1rem; }
.cdr-assistant__ro{ border:1px solid var(--border-sub); border-radius:999px; padding:.15rem .6rem; font-size:10px; white-space:nowrap; }
.cdr-assistant__row{ display:flex; margin-bottom:.75rem; }
.cdr-assistant__row--q{ justify-content:flex-end; }
.cdr-assistant__q{ background:var(--teal); color:var(--void); font-weight:600; font-size:.85rem; line-height:1.4; padding:.6rem .85rem; max-width:82%; }
.cdr-assistant__a{ background:var(--secondary); border:1px solid var(--border-sub); font-size:.85rem; color:var(--fg); line-height:1.55; padding:.7rem .85rem; max-width:92%; }
.cdr-assistant__a b{ color:var(--teal); font-weight:700; }
.cdr-assistant__next{ font-size:.8rem; color:var(--muted-fg); line-height:1.5; border:1px dashed var(--border-sub); padding:.6rem .75rem; margin:0 0 1rem; }
.cdr-assistant__next b{ color:var(--teal); }
.cdr-assistant__actions{ display:flex; flex-wrap:wrap; gap:.6rem; margin-bottom:1rem; }
.cdr-assistant__btn{ font-family:var(--mono); font-size:11px; text-transform:uppercase; letter-spacing:.07em; padding:.5rem .8rem; border:2px solid var(--fg); color:var(--fg); }
.cdr-assistant__btn--primary{ background:var(--teal); color:var(--void); font-weight:700; border-color:var(--teal); }
.cdr-assistant__foot{ display:flex; align-items:center; justify-content:space-between; gap:1rem; font-family:var(--mono);
  font-size:10px; letter-spacing:.06em; text-transform:uppercase; color:var(--muted-fg); border-top:1px solid var(--border-sub); padding-top:.8rem; }
.cdr-assistant__mcp{ border:1px solid var(--teal); color:var(--teal); padding:.1rem .45rem; }

/* Newsroom / press-release grid + PDF download button */
.cdr-prgrid{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }
.cdr-prgrid > li{ background:var(--card); border:2px solid var(--fg); padding:1.75rem; display:flex; flex-direction:column;
  transition:transform .15s ease,box-shadow .15s ease; }
.cdr-prgrid > li:hover{ transform:translate(-3px,-3px); box-shadow:6px 6px 0 0 var(--teal); }
.cdr-prgrid h3{ font-size:1.05rem; font-weight:800; line-height:1.3; letter-spacing:-.01em; margin:.2rem 0 .75rem; }
.cdr-prgrid h3 a{ color:var(--fg); text-decoration:none; }
.cdr-prgrid h3 a:hover{ color:var(--teal); }
.cdr-prgrid p{ font-size:.875rem; color:var(--muted-fg); line-height:1.6; margin:0 0 1.25rem; }
.cdr-prfoot{ margin-top:auto; display:flex; flex-wrap:wrap; align-items:center; gap:.75rem 1.1rem; }
.cdr-pdfdl{ display:inline-flex; align-items:center; gap:.4rem; font-family:var(--mono); font-size:.7rem; text-transform:uppercase;
  letter-spacing:.1em; color:var(--teal); text-decoration:none; border:1px solid var(--teal); padding:.4rem .7rem; transition:background .2s ease,color .2s ease; }
.cdr-pdfdl:hover{ background:var(--teal); color:var(--void); }
@media(max-width:1024px){ .cdr-prgrid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:768px){ .cdr-prgrid{ grid-template-columns:1fr; } }

/* Consolidated Newsroom feed: category filter tabs + chips */
.cdr-newsfilter{ display:flex; flex-wrap:wrap; gap:.5rem; margin:0 0 2rem; }
.cdr-newsfilter button{ font-family:var(--mono); font-size:.7rem; letter-spacing:.12em; text-transform:uppercase;
  color:var(--muted-fg); background:transparent; border:2px solid var(--border-sub); padding:.5rem .9rem; cursor:pointer;
  transition:color .15s ease,background .15s ease,border-color .15s ease; }
.cdr-newsfilter button:hover{ color:var(--fg); border-color:var(--fg); }
.cdr-newsfilter button.is-active{ color:var(--void); background:var(--teal); border-color:var(--teal); }
.cdr-newscats{ display:flex; flex-wrap:wrap; gap:.4rem; margin:0 0 .75rem; }
.cdr-newscat{ font-family:var(--mono); font-size:9px; letter-spacing:.12em; text-transform:uppercase; color:var(--teal);
  border:1px solid var(--border-sub); padding:.2rem .45rem; }
.cdr-newsgrid .cdr-blogdate{ margin:0 0 .5rem; }
.cdr-newsitem[hidden]{ display:none; }

/* HubSpot client-intake forms — styled to read on the dark theme */
.cdr-hsform{ max-width:660px; margin:0 auto; }
.cdr-hsform fieldset{ max-width:none !important; border:0; padding:0; margin:0; }
.cdr-hsform .hs-form-field{ margin-bottom:1.15rem; }
.cdr-hsform label{ display:block; font-family:var(--mono); font-size:.8rem; font-weight:600; letter-spacing:.03em; color:var(--fg); margin-bottom:.45rem; }
.cdr-hsform .hs-field-desc{ color:var(--muted-fg); font-size:.8rem; font-weight:400; margin:.15rem 0 .5rem; }
.cdr-hsform .hs-form-required{ color:var(--teal); }
.cdr-hsform input[type=text],.cdr-hsform input[type=email],.cdr-hsform input[type=tel],.cdr-hsform input[type=number],.cdr-hsform input[type=password],.cdr-hsform textarea,.cdr-hsform select{
  width:100%; background:var(--card); border:2px solid var(--border-sub); color:var(--fg); padding:.7rem .8rem; font-size:.95rem; font-family:inherit; border-radius:0; }
.cdr-hsform textarea{ min-height:120px; }
.cdr-hsform input:focus,.cdr-hsform textarea:focus,.cdr-hsform select:focus{ outline:none; border-color:var(--teal); box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 20%,transparent); }
.cdr-hsform ::placeholder{ color:var(--muted-fg); }
.cdr-hsform .inputs-list{ list-style:none; margin:.3rem 0 0; padding:0; }
.cdr-hsform .hs-form-booleancheckbox label,.cdr-hsform .hs-form-checkbox label,.cdr-hsform .hs-form-radio label{ display:inline; font-family:inherit; text-transform:none; letter-spacing:0; color:var(--muted-fg); font-weight:400; }
.cdr-hsform .hs-button{ background:var(--teal); color:var(--void); border:0; font-family:var(--mono); font-weight:700; text-transform:uppercase; letter-spacing:.08em; padding:.85rem 1.8rem; cursor:pointer; margin-top:.5rem; }
.cdr-hsform .hs-button:hover{ background:var(--fg); }
.cdr-hsform ul.hs-error-msgs{ list-style:none; padding:0; margin:.35rem 0 0; }
.cdr-hsform .hs-error-msg,.cdr-hsform .hs-error-msgs label{ color:#FF6E4D; font-weight:400; }
.cdr-hsform .submitted-message{ color:var(--fg); font-size:1.05rem; }

/* 10-up feature grid (Products › Inside the Engine) */
.cdr-features--ten .cdr-feat{ border-bottom:2px solid var(--fg); }
.cdr-features--ten .cdr-feat:nth-child(n+9){ border-bottom:none; }

/* Workflow: 4 steps + outputs callout */
.cdr-steps--4{ grid-template-columns:repeat(4,1fr); max-width:74rem; }
.cdr-workout{ display:flex; flex-wrap:wrap; justify-content:center; gap:.9rem 2rem; margin:3rem auto 0; max-width:60rem;
  border:2px solid var(--fg); background:var(--card); padding:1.05rem 1.6rem; }
.cdr-workout span{ font-family:var(--mono); font-size:12px; letter-spacing:.03em; color:var(--fg); }
.cdr-workout span b{ color:var(--teal); font-weight:700; margin-right:.35rem; }

/* Measurable impact — labelled metric rows + proof points (cream) */
.cdr-impact{ margin-top:2.5rem; }
.cdr-impact__label{ font-family:var(--mono); font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase;
  color:#0f8b95; margin:0 0 .9rem; }
.cdr-impact__row{ display:grid; gap:2px; background:var(--void); border:2px solid var(--void); margin-bottom:2.25rem; }
.cdr-impact__row--4{ grid-template-columns:repeat(4,1fr); }
.cdr-impact__row--2{ grid-template-columns:repeat(2,1fr); }
.cdr-impact__row .cdr-stat{ border:none !important; background:var(--fg); }
.cdr-proof{ display:grid; grid-template-columns:repeat(2,1fr); gap:.65rem 2.5rem; margin-top:.4rem; }
.cdr-proof span{ font-size:.92rem; color:rgba(9,11,17,.78); }
.cdr-proof span b{ color:#0f8b95; font-weight:700; margin-right:.5rem; }
@media(max-width:768px){
  .cdr-impact__row--4,.cdr-impact__row--2,.cdr-proof{ grid-template-columns:1fr; }
  .cdr-steps--4{ grid-template-columns:1fr; }
}

/* ============================================================
   SCROLL REVEAL  (.cdr-anim added by JS)
   ============================================================ */
.cdr-anim .cdr-reveal{ opacity:0; transform:translateY(26px);
  transition:opacity .6s cubic-bezier(.16,1,.3,1), transform .6s cubic-bezier(.16,1,.3,1); }
.cdr-anim .cdr-reveal.is-in{ opacity:1; transform:none; }
@media (prefers-reduced-motion:reduce){
  .cdr-anim .cdr-reveal{ opacity:1!important; transform:none!important; transition:none!important; }
  .cdr-marquee,.cdr-energy i,.cdr-terminal .cursor,.cdr-marker::before{ animation:none!important; }
  .cdr-steps::after{ transform:scaleX(1)!important; transition:none!important; }
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1024px){
  .cdr-roadmap{ grid-template-columns:repeat(3,1fr); }
  .cdr-rm:nth-child(3n){ border-right:none; }
  .cdr-rm:nth-child(-n+3){ border-bottom:2px solid var(--fg); }
  .cdr-releasegrid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:900px){
  .cdr-nav,.cdr-header__inner > .cdr-nav-desktop{ display:none; }
  .cdr-menu-toggle{ display:block; }
  .cdr-header.open .cdr-nav{ display:flex; position:absolute; top:64px; left:0; right:0; flex-direction:column;
    align-items:flex-start; gap:.25rem; background:var(--void); border-bottom:2px solid var(--fg); padding:1.25rem var(--gutter); z-index:60;
    max-height:calc(100vh - 64px); overflow-y:auto; }
  /* submenu: show inline/indented inside the mobile menu */
  .cdr-has-sub{ flex-direction:column; align-items:flex-start; width:100%; }
  .cdr-submenu{ position:static; opacity:1; visibility:visible; transform:none; border:none; min-width:0; padding:.15rem 0 .5rem 1.25rem; }
  .cdr-submenu a{ padding:.4rem 0; }
  .cdr-caret,.cdr-submenu__caret{ display:none; }
  .cdr-submenu--nested{ padding-left:1.25rem; }
  .cdr-split,.cdr-econ{ grid-template-columns:1fr; }
  .cdr-split__intro{ position:static; }
}
@media (max-width:768px){
  .cdr-grid--2,.cdr-grid--3,.cdr-features,.cdr-stats,.cdr-quotes,.cdr-roadmap,.cdr-releasegrid{ grid-template-columns:1fr; }
  .cdr-quotes .cdr-quote--cta{ grid-column:auto; }
  .cdr-steps{ grid-template-columns:1fr; gap:2.5rem; }
  .cdr-steps::before,.cdr-steps::after{ display:none; }
  .cdr-kpis{ grid-template-columns:repeat(2,1fr); }
  .cdr-kpi:nth-child(2n){ border-right:none; }
  .cdr-kpi:nth-child(-n+2){ border-bottom:2px solid var(--fg); }
  .cdr-card,.cdr-feat,.cdr-stat,.cdr-quote,.cdr-rm,.cdr-ritem{ border-right:none!important; }
  .cdr-card,.cdr-feat,.cdr-stat,.cdr-quote,.cdr-rm{ border-bottom:2px solid currentColor; }
  .cdr-grid,.cdr-features,.cdr-quotes,.cdr-awards,.cdr-roadmap{ border-color:var(--fg); }
  /* awards: tidy 2-up logo grid on mobile, badges scale to cell (no overflow) */
  .cdr-awards{ grid-template-columns:repeat(2,1fr); }
  .cdr-award{ min-width:0; padding:1.4rem .8rem; border-right:2px solid var(--fg); border-bottom:2px solid var(--fg); }
  .cdr-award:nth-child(2n){ border-right:none; }
  .cdr-award:nth-child(7),.cdr-award:nth-child(8){ border-bottom:none; }
  .cdr-award img{ max-width:100%; max-height:40px; }
  /* prevent any wide child from forcing horizontal overflow */
  .cdr-card,.cdr-feat,.cdr-stat,.cdr-quote,.cdr-rm,.cdr-ritem,.cdr-metric,.cdr-kpi{ min-width:0; }
  .cdr-metric .n,.cdr-stat .num,.cdr-kpi .num{ overflow-wrap:break-word; }
  .cdr-marquee img{ height:40px; padding-inline:1.75rem; }
  .cdr-footer__cols{ grid-template-columns:1fr 1fr; }
  .cdr-footer__about{ grid-column:1 / -1; }
  .cdr-form .row{ grid-template-columns:1fr; }
  .cdr-quarters{ flex-wrap:wrap; }
}
@media (max-width:480px){
  .cdr-kpis{ grid-template-columns:1fr; }
  .cdr-kpi{ border-right:none!important; border-bottom:2px solid var(--fg); }
  .cdr-footer__cols{ grid-template-columns:1fr; }
}