/* GENERATED by bin/build-scoped-css.php from the unscoped sheet. Do not edit. */
/* ---- primitives ---- */
:root {
--secondary-50:   #E8EEF2;
--secondary-100:  #C5D4DE;
--secondary-200:  #9DB8C8;
--secondary-300:  #6F98AF;
--secondary-400:  #4A7E9A;
--secondary-500:  #1F5C7A;
--secondary-600:  #033748;
--secondary-700:  #062535;
--secondary-800:  #041C2C;
--secondary-900:  #020E16;
--primary-50:  #FEF0EB;
--primary-100: #FCCFBE;
--primary-200: #F9A98E;
--primary-300: #F7845E;
--primary-400: #F56538;
--primary-500: #F4511E;
--primary-600: #D63D0F;
--primary-700: #B03009;
--primary-800: #8A2406;
--primary-900: #641803;
--gray-0:    #FFFFFF;
--gray-50:   #FBFBFC;
--gray-100:  #F4F5F7;
--gray-200:  #ECEEF0;
--gray-300:  #D1D5DB;
--gray-400:  #9CA3AF;
--gray-500:  #5B6770;
--gray-600:  #4B5563;
--gray-700:  #374151;
--gray-800:  #263238;
--gray-900:  #0A1620;
--green-50:  #E6F6EF;
--green-100: #C2E9D8;
--green-200: #85D4B1;
--green-300: #47BE8A;
--green-400: #22A06B;
--green-500: #1A8055;
--green-600: #126040;
--green-700: #0A402A;
--green-800: #052015;
--green-900: #021008;
--red-50:   #FDECEA;
--red-100:  #F9C5C2;
--red-200:  #F39B96;
--red-300:  #EC6E68;
--red-400:  #E54D46;
--red-500:  #D03A2E;
--red-600:  #A82D23;
--red-700:  #802119;
--red-800:  #581510;
--red-900:  #300A08;
--amber-50:  #FFFBEB;
--amber-100: #FEF3C7;
--amber-200: #FDE68A;
--amber-300: #FCD34D;
--amber-400: #FBBF24;
--amber-500: #F59E0B;
--amber-600: #D97706;
--amber-700: #B45309;
--amber-800: #92400E;
--amber-900: #78350F;
--blue-50:  #EFF6FF;
--blue-100: #DBEAFE;
--blue-200: #BFDBFE;
--blue-300: #93C5FD;
--blue-400: #60A5FA;
--blue-500: #3B82F6;
--blue-600: #2563EB;
--blue-700: #1D4ED8;
--blue-800: #1E40AF;
--blue-900: #1E3A8A;
--manila: #D9C58A;
--black-0:    rgba(0,0,0,0.00);
--black-5:    rgba(0,0,0,0.05);
--black-10:   rgba(0,0,0,0.10);
--black-15:   rgba(0,0,0,0.15);
--black-20:   rgba(0,0,0,0.20);
--black-30:   rgba(0,0,0,0.30);
--black-40:   rgba(0,0,0,0.40);
--black-50:   rgba(0,0,0,0.50);
--black-60:   rgba(0,0,0,0.60);
--black-70:   rgba(0,0,0,0.70);
--black-80:   rgba(0,0,0,0.80);
--black-90:   rgba(0,0,0,0.90);
--black-100:  rgba(0,0,0,1.00);
--white-0:    rgba(255,255,255,0.00);
--white-5:    rgba(255,255,255,0.05);
--white-10:   rgba(255,255,255,0.10);
--white-15:   rgba(255,255,255,0.15);
--white-20:   rgba(255,255,255,0.20);
--white-30:   rgba(255,255,255,0.30);
--white-40:   rgba(255,255,255,0.40);
--white-50:   rgba(255,255,255,0.50);
--white-60:   rgba(255,255,255,0.60);
--white-70:   rgba(255,255,255,0.70);
--white-80:   rgba(255,255,255,0.80);
--white-90:   rgba(255,255,255,0.90);
--white-100:  rgba(255,255,255,1.00);
--primary-a10: rgba(244,81,30,0.10);
--primary-a15: rgba(244,81,30,0.15);
--primary-a20: rgba(244,81,30,0.20);
--primary-a30: rgba(244,81,30,0.30);
--secondary-a10:   rgba(4,28,44,0.10);
--secondary-a20:   rgba(4,28,44,0.20);
--secondary-a40:   rgba(4,28,44,0.40);
--secondary-a60:   rgba(4,28,44,0.60);
--secondary-a80:   rgba(4,28,44,0.80);
--space-1:   2px;
--space-2:   4px;
--space-3:   6px;
--space-4:   8px;
--space-5:   10px;
--space-6:   12px;
--space-8:   16px;
--space-10:  20px;
--space-12:  24px;
--space-16:  32px;
--space-20:  40px;
--space-24:  48px;
--space-32:  64px;
--space-40:  80px;
--space-48:  96px;
--space-64:  128px;
--space-80:  160px;
--space-96:  192px;
--radius-none: 0px;
--radius-xs:   2px;
--radius-sm:   4px;
--radius-md:   8px;
--radius-lg:   12px;
--radius-xl:   16px;
--radius-2xl:  24px;
--radius-3xl:  32px;
--radius-full: 9999px;
--font-display: 'Outfit', 'Geist', system-ui, sans-serif;
--font-body:    'Geist', 'Cerebri Sans', system-ui, -apple-system, sans-serif;
--font-mono:    'JetBrains Mono', ui-monospace, Menlo, monospace;
--text-2xs:  10px;
--text-xs:   13px;
--text-sm:   13px;
--text-base: 16px;
--text-md:   18px;
--text-lg:   20px;
--text-xl:   24px;
--text-2xl:  28px;
--text-3xl:  32px;
--text-4xl:  40px;
--text-5xl:  48px;
--text-6xl:  56px;
--text-7xl:  64px;
--text-8xl:  76px;
--weight-light:     300;
--weight-regular:   400;
--weight-medium:    500;
--weight-semibold:  600;
--weight-bold:      700;
--weight-extrabold: 800;
--weight-black:     900;
--leading-none:    1;
--leading-tight:   1.1;
--leading-snug:    1.2;
--leading-normal:  1.5;
--leading-relaxed: 1.7;
--leading-loose:   2;
--tracking-tighter: -0.03em;
--tracking-tight:   -0.02em;
--tracking-snug:    -0.015em;
--tracking-normal:   0em;
--tracking-wide:     0.01em;
--tracking-wider:    0.02em;
--tracking-widest:   0.06em;
--shadow-raw-xs:  0 1px 2px rgba(4,28,44,0.06);
--shadow-raw-sm:  0 1px 1px rgba(0,0,0,0.04), 0 4px 8px -2px rgba(4,28,44,0.12);
--shadow-raw-md:  0 1px 1px rgba(0,0,0,0.04), 0 14px 28px -10px rgba(4,28,44,0.22);
--shadow-raw-lg:  0 4px 6px rgba(0,0,0,0.05), 0 24px 48px -12px rgba(4,28,44,0.28);
--shadow-raw-xl:  0 8px 12px rgba(0,0,0,0.06), 0 40px 64px -16px rgba(4,28,44,0.32);
--dur-instant: 0ms;
--dur-fast:    100ms;
--dur-base:    200ms;
--dur-slow:    350ms;
--dur-xslow:   500ms;
--dur-lazy:    800ms;
--ease-linear:   linear;
--ease-out:      cubic-bezier(0.23, 1, 0.32, 1);
--ease-in:       cubic-bezier(0.55, 0, 1, 0.45);
--ease-in-out:   cubic-bezier(0.77, 0, 0.175, 1);
--ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
--ease-enter:    cubic-bezier(0, 0, 0.2, 1);
--ease-exit:     cubic-bezier(0.4, 0, 1, 1);
--ease-spring:   cubic-bezier(0.32, 0.72, 0, 1);
}
/* ---- tokens ---- */
:root {
--t-font-display:   var(--font-display);
--t-font-body:      var(--font-body);
--t-font-mono:      var(--font-mono);
--t-h1:             clamp(28px, 3.4vw, 45px);
--t-h2:             clamp(28px, 3vw, 48px);
--t-h2-sm:          clamp(24px, 2.4vw, 32px);
--t-h3:             clamp(20px, 3vw, 32px);
--t-h4:             var(--text-lg);
--t-h5:             var(--text-base);
--t-h6:             var(--text-sm);
--t-body-lg:        var(--text-md);
--t-prose:          17px;
--t-body:           var(--text-base);
--t-small:          var(--text-sm);
--t-caption:        var(--text-xs);
--t-code:           var(--text-sm);
--t-label:          var(--text-sm);
--t-weight-heading: var(--weight-bold);
--t-weight-subhead: var(--weight-semibold);
--t-weight-ui:      var(--weight-medium);
--t-weight-body:    var(--weight-regular);
--t-weight-meta:    var(--weight-medium);
--t-leading-heading: var(--leading-tight);
--t-leading-body:    var(--leading-relaxed);
--t-leading-ui:      var(--leading-normal);
--bg-page:           var(--gray-50);
--bg-surface:        var(--gray-0);
--bg-surface-raised: var(--gray-0);
--bg-section-alt:    var(--gray-100);
--bg-section-dark:   var(--secondary-800);
--bg-overlay:        var(--black-50);
--bg-tooltip:        var(--secondary-800);
--bg-code:           var(--gray-100);
--bg-skeleton:       var(--gray-200);
--bg-input:          var(--gray-0);
--bg-input-disabled: var(--gray-100);
--text-heading:      var(--secondary-800);
--text-main:         var(--gray-800);
--text-muted:        var(--gray-500);
--text-disabled:     var(--gray-400);
--text-inverse:      var(--gray-0);
--text-inverse-muted:var(--white-70);
--text-on-dark:      var(--white-90);
--text-on-dark-muted: rgba(255,255,255,0.78);
--text-link:      var(--primary-400);
--text-link-hover:   var(--primary-400);
--text-code:         var(--secondary-700);
--text-tooltip:      var(--white-90);
--text-placeholder:  var(--gray-400);
--border-subtle:     var(--black-10);
--border-default:    var(--black-15);
--border-strong:     var(--black-30);
--border-focus:      var(--primary-400);
--border-on-dark:    var(--white-15);
--accent-main:   var(--primary-400);
--accent-hover: var(--primary-400);
--accent-active:  var(--primary-500);
--accent-subtle:      var(--primary-a10);
--accent-subtle-hover:var(--primary-a20);
--brand-primary:      var(--secondary-800);
--brand-secondary:    var(--primary-400);
--structural-main:    var(--secondary-700);
--structural-light:   var(--secondary-600);
--bg-success:      var(--green-50);
--text-success:    var(--green-600);
--border-success:  var(--green-300);
--icon-success:    var(--green-400);
--bg-error:        var(--red-50);
--text-error:      var(--red-600);
--border-error:    var(--red-300);
--icon-error:      var(--red-500);
--bg-warning:      var(--amber-50);
--text-warning:    var(--amber-700);
--border-warning:  var(--amber-300);
--icon-warning:    var(--amber-500);
--bg-info:         var(--blue-50);
--text-info:       var(--blue-700);
--border-info:     var(--blue-300);
--icon-info:       var(--blue-500);
--shadow-xs:      var(--shadow-raw-xs);
--shadow-surface: var(--shadow-raw-sm);
--shadow-raised:  var(--shadow-raw-md);
--shadow-overlay: var(--shadow-raw-lg);
--shadow-focus:   0 0 0 3px var(--primary-a20);
--container-max:       1440px;
--container-padding-x: var(--space-8);
--layout-gap:          var(--space-6);
--layout-columns:      1;
--section-padding-y:   var(--space-20);
--card-padding:        var(--space-8) var(--space-12);
--card-radius:         var(--radius-lg);
--card-border:         1px solid var(--border-subtle);
--input-height:        48px;
--input-padding:       var(--space-4) var(--space-8);
--input-radius:        var(--radius-md);
--input-border:        1px solid var(--border-default);
--input-border-focus:  2px solid var(--border-focus);
--btn-radius:          var(--radius-full);
--navbar-height:       56px;
--sidebar-width:       240px;
--sidebar-width-sm:    64px;
--transition-fast:   var(--dur-fast)   var(--ease-out);
--transition-base:   var(--dur-base)   var(--ease-standard);
--transition-slow:   var(--dur-slow)   var(--ease-standard);
--transition-enter:  var(--dur-slow)   var(--ease-enter);
--transition-exit:   var(--dur-base)   var(--ease-exit);
--transition-spring: var(--dur-slow)   var(--ease-spring);
--z-base:      0;
--z-raised:    10;
--z-dropdown:  100;
--z-sticky:    200;
--z-overlay:   300;
--z-modal:     400;
--z-toast:     500;
--z-tooltip:   600;
}
:root {
--dap-navy:          #061C2C;
--dap-orange:        #F2501E;
--dap-blue:          #4285F4;
--dap-cyan:          #00B4D8;
--dap-slate:         #364D5D;
--dap-dark-teal:     #1E3342;
--dap-deep-navy:     #052236;
--dap-purple:        #644CA5;
--dap-green:         #70AD47;
--dap-card:          #0D2A3F;
--dap-card-2:        #102F46;
--dap-border:        #1A3A4F;
--dap-deep:          #041824;
--dap-yellow:        #F5B30B;
--dap-red:           #E04040;
--dap-orange-soft:   rgba(242,80,30,0.12);
--dap-cyan-soft:     rgba(0,180,216,0.12);
--dap-green-soft:    rgba(118,192,67,0.15);
--dap-yellow-soft:   rgba(245,179,11,0.15);
--dap-red-soft:      rgba(224,64,64,0.15);
--dap-purple-soft:   rgba(100,76,165,0.20);
--dap-white:         #FFFFFF;
--dap-muted:         #B0BEC5;
--dap-dim:           rgba(255,255,255,0.55);
--dap-text-dark:     #1A1A2E;
--dap-bg-light:      #FFFFFF;
--dap-bg-subtle:     #F5F5F5;
--dap-callout-bg:    #FFF0EB;
--dap-font:          'Lato', 'Calibri', system-ui, -apple-system, sans-serif;
--dap-font-mono:     'JetBrains Mono', ui-monospace, Menlo, monospace;
--dap-radius-sm:     4px;
--dap-radius-md:     8px;
--dap-radius-lg:     14px;
--dap-radius-pill:   999px;
--dap-shadow-sm:     0 2px 6px rgba(0,0,0,0.15);
--dap-shadow-md:     0 8px 24px rgba(0,0,0,0.25);
--dap-shadow-lg:     0 20px 48px rgba(0,0,0,0.35);
--dap-ease-out:      cubic-bezier(0.23, 1, 0.32, 1);
--dap-ease-in-out:   cubic-bezier(0.77, 0, 0.175, 1);
--dap-ease-drawer:   cubic-bezier(0.32, 0.72, 0, 1);
--dap-press:         160ms var(--dap-ease-out);
--dap-fast:          200ms var(--dap-ease-out);
--dap-med:           280ms var(--dap-ease-out);
}
:root { --text-xs: 14px; --text-sm: 14px; --t-caption: 14px; --t-small: 14px; }
:root {
--bg-page: #F2F4F7;
--bg-section-alt: #E8EBF1;
}
@keyframes marquee {
from { transform: translateX(0); }
to   { transform: translateX(calc(-50% - var(--marquee-gap, 12px) / 2)); }
}
@keyframes marquee-ltr {
from { transform: translateX(calc(-50% - var(--marquee-gap, 12px) / 2)); }
to   { transform: translateX(0); }
}
@keyframes marquee-rtl {
from { transform: translateX(0); }
to   { transform: translateX(calc(-50% - var(--marquee-gap, 12px) / 2)); }
}
@keyframes btn-pulse {
0%, 100% { box-shadow: 0 0 0 0 rgba(215,119,87,0.5); }
50%       { box-shadow: 0 0 0 7px rgba(215,119,87,0); }
}
@keyframes btn-shimmer {
0%   { background-position: 200% center; }
100% { background-position: -200% center; }
}
@keyframes btn-breathe {
0%, 100% { box-shadow: 0 0 0 0 rgba(215,119,87,0.4); }
50%       { box-shadow: 0 0 0 6px rgba(215,119,87,0); }
}
@keyframes t-draw { to { stroke-dashoffset: 0; } }
@keyframes f-breathe { 0%,100% { opacity: 0.5; } 50% { opacity: 0.9; } }
@keyframes urgency-pulse {
0%, 100% { box-shadow: 0 0 0 0 rgba(255,255,255,.6); }
50% { box-shadow: 0 0 0 6px rgba(255,255,255,0); }
}
@property --proof-angle { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
@keyframes proof-border { to { --proof-angle: 360deg; } }
@keyframes proof-rise {
from { opacity: 0; transform: translateY(14px); }
to   { opacity: 1; transform: none; }
}
@keyframes urgency-pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(255,255,255,.7); } 50% { box-shadow: 0 0 0 6px rgba(255,255,255,0); } }
@keyframes dapFilmReveal {
from { opacity: 0; transform: translateY(24px); filter: saturate(0.6); }
to   { opacity: 1; transform: none; filter: saturate(1); }
}

@scope (.dap-hb-canvas) {
@media (min-width: 768px) {
:root {
--container-padding-x: var(--space-12);
--layout-gap:          var(--space-8);
--layout-columns:      2;
--section-padding-y:   var(--space-24);
--navbar-height:       64px;
--card-padding:        var(--space-10) var(--space-12);
}
}
@media (min-width: 1024px) {
:root {
--container-padding-x: var(--space-20);
--layout-gap:          var(--space-10);
--layout-columns:      12;
--section-padding-y:   var(--space-32);
--card-padding:        var(--space-12);
}
}
@media (min-width: 1280px) {
:root {
--container-padding-x: var(--space-20);
--section-padding-y:   var(--space-40);
}
}
[data-theme="dark"] {
--bg-page:           var(--secondary-800);
--bg-surface:        var(--secondary-700);
--bg-surface-raised: var(--secondary-600);
--bg-section-alt:    var(--secondary-900);
--bg-overlay:        var(--black-70);
--bg-tooltip:        var(--gray-800);
--bg-code:           var(--secondary-700);
--bg-skeleton:       var(--secondary-700);
--bg-input:          var(--secondary-700);
--bg-input-disabled: var(--secondary-900);
--text-heading:      var(--white-100);
--text-main:         var(--white-90);
--text-muted:        var(--white-50);
--text-disabled:     var(--white-30);
--text-inverse:      var(--secondary-800);
--text-link:         var(--primary-400);
--text-link-hover:   var(--primary-300);
--text-code:         var(--primary-200);
--text-placeholder:  var(--white-30);
--border-subtle:     var(--white-10);
--border-default:    var(--white-15);
--border-strong:     var(--white-30);
--border-focus:      var(--primary-400);
--border-on-dark:    var(--black-20);
--accent-main:        var(--primary-400);
--accent-hover:       var(--primary-400);
--accent-active:      var(--primary-300);
--accent-subtle:      var(--primary-a15);
--accent-subtle-hover:var(--primary-a30);
--structural-main:    var(--secondary-300);
--structural-light:   var(--secondary-200);
--bg-success:      var(--green-700);
--text-success:    var(--green-200);
--border-success:  var(--green-500);
--icon-success:    var(--green-300);
--bg-error:        var(--red-700);
--text-error:      var(--red-200);
--border-error:    var(--red-500);
--icon-error:      var(--red-300);
--bg-warning:      var(--amber-800);
--text-warning:    var(--amber-200);
--border-warning:  var(--amber-500);
--icon-warning:    var(--amber-300);
--bg-info:         var(--blue-800);
--text-info:       var(--blue-200);
--border-info:     var(--blue-500);
--icon-info:       var(--blue-300);
--shadow-xs:      0 1px 2px rgba(0,0,0,0.30);
--shadow-surface: 0 1px 1px rgba(0,0,0,0.20), 0 4px 8px -2px rgba(0,0,0,0.40);
--shadow-raised:  0 4px 12px rgba(0,0,0,0.50);
--shadow-overlay: 0 8px 32px rgba(0,0,0,0.60);
--shadow-focus:   0 0 0 3px var(--primary-a30);
}
[data-theme="dark-section"] {
--bg-page:           var(--secondary-800);
--bg-surface:        var(--secondary-700);
--bg-section-alt:    var(--secondary-900);
--bg-input:          var(--secondary-700);
--text-heading:      var(--white-100);
--text-main:         var(--white-90);
--text-muted:        var(--white-50);
--text-disabled:     var(--white-30);
--text-placeholder:  var(--white-30);
--border-subtle:     var(--white-10);
--border-default:    var(--white-15);
--border-strong:     var(--white-30);
--accent-main:       var(--primary-400);
--accent-hover:      var(--primary-400);
--structural-main:   var(--secondary-300);
--structural-light:  var(--secondary-200);
}
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation-duration:        0.01ms !important;
animation-iteration-count: 1      !important;
transition-duration:       0.01ms !important;
scroll-behavior:           auto   !important;
}
}
/* ---- components ---- */
*, *::before, *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
-webkit-text-size-adjust: 100%;
scroll-behavior: smooth;
}
body {
font-family:    var(--t-font-body);
font-size:      var(--t-body);
font-weight:    var(--t-weight-body);
line-height:    var(--t-leading-body);
color:          var(--text-main);
background:     var(--bg-page);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[data-theme="dark"],
[data-theme="dark-section"] {
color: var(--text-main);
}
img, video, svg {
display: block;
max-width: 100%;
}
a {
color:           var(--text-link);
text-decoration: none;
transition:      color var(--transition-fast);
}
a:hover {
color: var(--text-link-hover);
}
a:focus-visible {
outline:        2px solid var(--border-focus);
outline-offset: 2px;
border-radius:  var(--radius-xs);
}
h1, h2, h3, h4, h5, h6 {
font-family:    var(--t-font-display);
color:          var(--text-heading);
line-height:    var(--t-leading-heading);
letter-spacing: var(--tracking-tight);
}
h1 { font-size: var(--t-h1); font-weight: var(--weight-extrabold); letter-spacing: var(--tracking-tighter); }
h2 { font-size: var(--t-h2); font-weight: var(--weight-extrabold); }
h3 { font-size: var(--t-h3); font-weight: var(--weight-bold); }
h4 { font-size: var(--t-h4); font-weight: var(--weight-semibold); letter-spacing: var(--tracking-normal); }
h5 { font-size: var(--t-h5); font-weight: var(--weight-semibold); letter-spacing: var(--tracking-normal); }
h6 { font-size: var(--t-h6); font-weight: var(--weight-semibold); letter-spacing: var(--tracking-wide); }
p {
font-size:   var(--t-body);
line-height: var(--t-leading-body);
color:       var(--text-main);
}
p.lead {
font-size:   var(--t-body-lg);
line-height: var(--t-leading-body);
color:       var(--text-main);
}
.text-muted   { color: var(--text-muted); }
.text-heading { color: var(--text-heading); }
.text-accent  { color: var(--accent-main); }
.text-inverse { color: var(--text-inverse); }
.text-on-dark { color: var(--text-on-dark); }
.eyebrow {
font-family:    var(--t-font-body);
font-size:      var(--t-small);
font-weight:    var(--weight-bold);
letter-spacing: var(--tracking-widest);
text-transform: uppercase;
color:          var(--accent-main);
}
.meta {
font-family:    var(--t-font-body);
font-size:      var(--t-caption);
font-weight:    var(--t-weight-meta);
color:          var(--text-muted);
letter-spacing: var(--tracking-wide);
}
.mono-tag {
font-family:    var(--t-font-mono);
font-size:      var(--text-xs);
font-weight:    var(--weight-medium);
letter-spacing: var(--tracking-wider);
}
code, kbd {
font-family:   var(--t-font-mono);
font-size:     var(--t-code);
background:    var(--bg-code);
color:         var(--text-code);
padding:       var(--space-1) var(--space-2);
border-radius: var(--radius-sm);
border:        1px solid var(--border-subtle);
}
.container {
width:     100%;
max-width: var(--container-max);
margin:    0 auto;
padding:   0 var(--container-padding-x);
}
.section {
padding: var(--section-padding-y) 0;
}
.section--alt {
background: var(--bg-section-alt);
}
.grid-cards {
display:               grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap:                   var(--layout-gap);
}
.flex-between { display: flex; align-items: center; justify-content: space-between; }
.flex-col     { display: flex; flex-direction: column; }
.btn {
display:         inline-flex;
align-items:     center;
justify-content: center;
gap:             var(--space-2);
font-family:     var(--t-font-body);
font-weight:     var(--weight-bold);
line-height:     1;
white-space:     nowrap;
border-radius:   var(--btn-radius);
border:          2px solid transparent;
cursor:          pointer;
text-decoration: none;
transition:      background var(--transition-base),
color       var(--transition-base),
border-color var(--transition-base),
transform   var(--transition-fast),
box-shadow  var(--transition-base);
-webkit-user-select: none;
user-select:         none;
}
.btn:focus-visible {
outline:        2px solid var(--border-focus);
outline-offset: 2px;
}
.btn:active {
transform: scale(0.97);
}
.btn--lg {
height:    56px;
padding:   0 var(--space-16);
font-size: var(--t-body-lg);
min-width: 160px;
}
.btn--md {
height:    48px;
padding:   0 var(--space-12);
font-size: var(--t-body);
min-width: 120px;
}
.btn__arrow { flex: none; width: 1em; height: 1em; transition: transform var(--transition-base); }
.btn:hover .btn__arrow { transform: translateX(3px); }
@media (prefers-reduced-motion: reduce) { .btn__arrow { transition: none; } .btn:hover .btn__arrow { transform: none; } }
.btn--sm {
height:    36px;
padding:   0 var(--space-8);
font-size: var(--t-small);
}
.btn--primary {
background:   var(--accent-main);
color:        var(--text-inverse);
border-color: var(--accent-main);
}
.btn--primary:hover {
background:   var(--accent-hover);
border-color: var(--accent-hover);
color:        var(--text-inverse);
box-shadow:   0 4px 14px rgba(215,119,87,0.35);
transform:    translateY(-1px);
}
.btn--primary:active {
background:   var(--accent-active);
border-color: var(--accent-active);
transform:    scale(0.97);
}
.btn--outline {
background:   transparent;
color:        var(--text-heading);
border-color: var(--border-strong);
}
.btn--outline:hover {
background:   var(--bg-section-alt);
border-color: var(--text-heading);
color:        var(--text-heading);
}
.btn--outline-inverse {
background:   transparent;
color:        var(--text-inverse);
border-color: var(--border-on-dark);
}
.btn--outline-inverse:hover {
background:   var(--white-10);
border-color: var(--white-40);
color:        var(--text-inverse);
}
.btn--full {
width:           100%;
justify-content: center;
}
.btn:disabled,
.btn--disabled {
opacity:        0.45;
cursor:         not-allowed;
pointer-events: none;
}
.card {
background:    var(--bg-surface);
border:        var(--card-border);
border-radius: var(--card-radius);
padding:       var(--card-padding);
}
.card--raised {
box-shadow: var(--shadow-surface);
border:     none;
}
.card--navy-hover {
cursor:     pointer;
transition: transform var(--transition-base), box-shadow var(--transition-base),
background var(--transition-base), border-color var(--transition-base);
}
.card--navy-hover:hover {
transform:    translateY(-3px);
background:   var(--brand-primary);
border-color: var(--brand-primary);
box-shadow:   var(--shadow-raised);
}
.card--navy-hover:hover,
.card--navy-hover:hover h2,
.card--navy-hover:hover h3,
.card--navy-hover:hover h4,
.card--navy-hover:hover p,
.card--navy-hover:hover li,
.card--navy-hover:hover .text-muted,
.card--navy-hover:hover .meta { color: var(--text-on-dark) !important; }
.card--navy-hover:hover .text-accent,
.card--navy-hover:hover .mono-tag { color: var(--accent-main) !important; }
.card--navy-hover:hover a.text-accent { color: var(--accent-main) !important; }
.navbar {
position:       sticky;
top:            0;
z-index:        var(--z-sticky);
background:     var(--bg-section-dark);
border-bottom:  1px solid var(--border-on-dark);
display:        flex;
align-items:    center;
transition:     background var(--transition-base),
box-shadow  var(--transition-base);
}
.navbar.is-scrolled {
box-shadow: 0 2px 16px rgba(0,0,0,0.35);
}
.navbar__inner {
display:         flex;
align-items:     center;
justify-content: space-between;
width:           100%;
max-width:       var(--container-max);
margin:          0 auto;
padding:         0 var(--container-padding-x);
gap:             var(--space-8);
}
.navbar__logo {
flex-shrink:  0;
max-height:   32px;
display:      flex;
align-items:  center;
}
.navbar__nav {
display:    none;
align-items: center;
gap:         var(--space-2);
list-style:  none;
}
@media (min-width: 1024px) {
.navbar__nav { display: flex; }
}
.navbar__link {
font-size:       var(--t-small);
font-weight:     var(--t-weight-ui);
color:           var(--white-70);
padding:         var(--space-3) var(--space-4);
border-radius:   var(--radius-md);
text-decoration: none;
transition:      color var(--transition-fast), background var(--transition-fast);
}
.navbar__link:hover {
color:      var(--white-100);
background: var(--white-5);
}
.navbar__link.is-active {
color:       var(--accent-main);
font-weight: var(--weight-semibold);
}
.navbar__actions {
display:     flex;
align-items: center;
gap:         var(--space-4);
flex-shrink: 0;
}
.navbar__toggle {
display:         flex;
align-items:     center;
justify-content: center;
width:           44px;
height:          44px;
background:      transparent;
border:          none;
cursor:          pointer;
color:           var(--white-90);
border-radius:   var(--radius-md);
transition:      background var(--transition-fast);
}
.navbar__toggle:hover { background: var(--white-10); }
.navbar__toggle:focus-visible {
outline:        2px solid var(--border-focus);
outline-offset: 2px;
}
@media (min-width: 1024px) {
.navbar__toggle { display: none; }
}
.nav-drawer {
position:   fixed;
inset:      0;
z-index:    var(--z-modal);
display:    flex;
visibility: hidden;
opacity:    0;
transition: opacity var(--transition-enter), visibility var(--transition-enter);
}
.nav-drawer.is-open {
visibility: visible;
opacity:    1;
}
.nav-drawer__overlay {
position:   absolute;
inset:      0;
background: var(--bg-overlay);
}
.nav-drawer__panel {
position:    relative;
margin-left: auto;
width:       min(320px, 85vw);
height:      100%;
background:  var(--bg-surface);
padding:     var(--space-8);
overflow-y:  auto;
transform:   translateX(100%);
transition:  transform var(--transition-spring);
}
.nav-drawer.is-open .nav-drawer__panel {
transform: translateX(0);
}
.nav-drawer__links {
list-style:     none;
display:        flex;
flex-direction: column;
gap:            var(--space-2);
margin-top:     var(--space-8);
}
.nav-drawer__link {
display:       block;
padding:       var(--space-4) var(--space-6);
font-size:     var(--t-body-lg);
font-weight:   var(--t-weight-ui);
color:         var(--text-main);
border-radius: var(--radius-lg);
transition:    background var(--transition-fast), color var(--transition-fast);
}
.nav-drawer__link:hover,
.nav-drawer__link.is-active {
background: var(--bg-section-alt);
color:      var(--text-heading);
}
.hero {
padding:     var(--section-padding-y) 0;
min-height:  80vh;
display:     flex;
align-items: center;
}
.hero__grid {
display:        flex;
flex-direction: column;
gap:            var(--space-16);
align-items:    center;
}
@media (min-width: 1024px) {
.hero__grid {
display:               grid;
grid-template-columns: 1fr 1fr;
gap:                   var(--space-24);
align-items:           center;
}
}
.hero__content {
display:        flex;
flex-direction: column;
gap:            var(--space-8);
}
@media (max-width: 1023px) {
.hero__content { text-align: center; align-items: center; }
}
.hero__visual {
display:         flex;
align-items:     center;
justify-content: center;
}
.hero__ctas {
display:     flex;
flex-wrap:   wrap;
gap:         var(--space-4);
align-items: center;
}
@media (max-width: 767px) {
.hero__ctas { flex-direction: column; width: 100%; }
.hero__ctas .btn { width: 100%; }
}
.form-group {
display:        flex;
flex-direction: column;
gap:            var(--space-2);
}
.form-label {
font-size:   var(--t-small);
font-weight: var(--t-weight-ui);
color:       var(--text-main);
}
.form-input,
.form-textarea {
width:         100%;
height:        var(--input-height);
padding:       var(--input-padding);
font-family:   var(--t-font-body);
font-size:     var(--t-body);
font-weight:   var(--t-weight-body);
color:         var(--text-main);
background:    var(--bg-input);
border:        var(--input-border);
border-radius: var(--input-radius);
transition:    border-color var(--transition-base), box-shadow var(--transition-base);
outline:       none;
appearance:    none;
-webkit-appearance: none;
}
.form-input::placeholder,
.form-textarea::placeholder { color: var(--text-placeholder); opacity: 0.5; }
.form-input:hover,
.form-textarea:hover { border-color: var(--border-strong); }
.form-input:focus,
.form-textarea:focus {
border:     var(--input-border-focus);
box-shadow: var(--shadow-focus);
}
.form-textarea {
height:      auto;
min-height:  120px;
resize:      vertical;
line-height: var(--t-leading-body);
padding-top: var(--space-4);
}
.badge {
display:       inline-flex;
align-items:   center;
gap:           var(--space-1);
font-size:     var(--text-xs);
font-weight:   var(--weight-semibold);
line-height:   1;
padding:       var(--space-1) var(--space-3);
border-radius: var(--radius-full);
white-space:   nowrap;
}
.badge--neutral { background: var(--bg-section-alt); color: var(--text-muted); }
.badge--accent  { background: var(--accent-main);     color: var(--text-inverse); }
.stat-card {
display:        flex;
flex-direction: column;
gap:            var(--space-2);
padding:        var(--card-padding);
background:     var(--bg-section-alt);
border-radius:  var(--card-radius);
}
.stat-card__value {
font-family:    var(--t-font-display);
font-size:      var(--text-5xl);
font-weight:    var(--weight-extrabold);
line-height:    1;
color:          var(--text-heading);
letter-spacing: var(--tracking-tighter);
}
.stat-card__value--accent { color: var(--accent-main); }
.stat-card__label {
font-size:   var(--t-small);
font-weight: var(--t-weight-meta);
color:       var(--text-muted);
}
.footer {
background: var(--bg-section-dark);
border-top: 1px solid var(--border-on-dark);
padding:    var(--section-padding-y) 0 var(--space-12);
}
.footer__grid {
display:               grid;
grid-template-columns: 1fr;
gap:                   var(--space-12);
margin-bottom:         var(--space-16);
}
@media (min-width: 768px) {
.footer__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
.footer__grid { grid-template-columns: 2fr repeat(3, 1fr); }
}
.footer__brand {
display:        flex;
flex-direction: column;
gap:            var(--space-6);
}
.footer__tagline {
font-size:   var(--t-small);
color:       var(--text-on-dark-muted);
line-height: var(--t-leading-body);
max-width:   280px;
}
.footer__col-title {
font-size:      var(--t-caption);
font-weight:    var(--weight-semibold);
letter-spacing: var(--tracking-widest);
text-transform: uppercase;
color:          var(--text-on-dark);
margin-bottom:  var(--space-4);
}
.footer__links {
list-style:     none;
display:        flex;
flex-direction: column;
gap:            var(--space-3);
}
.footer__link {
font-size:  var(--t-small);
color:      var(--white-50);
transition: color var(--transition-fast);
}
.footer__link:hover { color: var(--accent-main); }
.footer__bottom a { color: var(--white-50); text-decoration: none; transition: color var(--transition-fast); }
.footer__bottom a:hover { color: var(--accent-main); }
.footer__bottom {
padding-top:     var(--space-8);
border-top:      1px solid var(--border-on-dark);
display:         flex;
align-items:     center;
justify-content: space-between;
flex-wrap:       wrap;
gap:             var(--space-4);
}
.footer__copy {
font-size: var(--t-caption);
color:     var(--white-40);
}
.mt-auto { margin-top: auto; }
.mb-0    { margin-bottom: 0; }
.sr-only {
position:   absolute;
width:      1px;
height:     1px;
padding:    0;
margin:     -1px;
overflow:   hidden;
clip:       rect(0, 0, 0, 0);
white-space: nowrap;
border:     0;
}
.text-center { text-align: center; }
.hidden { display: none !important; }
/* ---- shared ---- */
.reveal {
opacity: 0; transform: translateY(24px);
transition: opacity 0.6s var(--ease-enter) var(--reveal-delay, 0s),
transform 0.6s var(--ease-enter) var(--reveal-delay, 0s);
}
.reveal.is-visible { opacity: 1; transform: translateY(0); }
.marquee-mask {
overflow: hidden;
-webkit-mask-image: linear-gradient(to right, transparent, var(--black-100) 8%, var(--black-100) 92%, transparent);
mask-image: linear-gradient(to right, transparent, var(--black-100) 8%, var(--black-100) 92%, transparent);
}
.marquee-track {
display: flex;
width: max-content;
gap: var(--space-16);
align-items: center;
animation: marquee 36s linear infinite;
}
.marquee-track:hover { animation-play-state: paused; }
.logo-marquee-track {
--marquee-gap: var(--space-6);
display: flex;
width: max-content;
gap: var(--marquee-gap);
align-items: center;
}
.logo-marquee-track--ltr { animation: marquee-ltr 52s linear infinite; }
.logo-marquee-track--rtl { animation: marquee-rtl 52s linear infinite; }
.logo-marquee-row + .logo-marquee-row { margin-top: var(--space-5); }
.marquee-mask:hover .logo-marquee-track { animation-play-state: paused; }
.band-label--dark { color: var(--text-on-dark-muted); }
.client-logo-pill {
flex: none;
display: flex; align-items: center; justify-content: center;
padding: 24px 40px;
background: var(--gray-0);
border: 1px solid rgba(255,255,255,0.15);
border-radius: 999px;
box-shadow: none;
}
.client-wordmark {
font-family: var(--t-font-display);
font-weight: 700;
font-size: 15px;
color: var(--secondary-800);
letter-spacing: -0.01em;
white-space: nowrap;
}
.client-logo-pill img { height: 23px; width: auto; display: block; }
.client-logo-pill img[src*="omron"] { filter: brightness(0); }
.client-logo-pill img[src*="tidewater"] { height: 30px; }
.client-logo-pill img[src*="socioh"] { height: 28px; }
@media (prefers-reduced-motion: reduce) {
.logo-marquee-track { animation: none; }
}
.tb-header {
display: grid;
grid-template-columns: 1.1fr 0.9fr;
gap: var(--space-12);
align-items: end;
margin-bottom: var(--space-10);
}
@media (min-width: 900px) { .tb-header { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); align-items: start; } }
@media (max-width: 820px) {
.tb-header { grid-template-columns: 1fr; gap: var(--space-6); align-items: start; }
}
.tb-hl {
position: relative;
color: var(--manila);
white-space: nowrap;
}
.tb-hl::after {
content: "";
position: absolute;
left: 0; right: 0; bottom: -2px;
height: 3px;
background: var(--manila);
transform: scaleX(0);
transform-origin: left;
transition: transform 0.8s var(--ease-out) 0.45s;
}
.reveal.is-visible .tb-hl::after { transform: scaleX(1); }
.tb-closer { font-weight: 800; color: var(--white-100); }
.tb-closer span {
display: inline-block;
opacity: 0;
transform: translateY(7px);
transition: opacity 0.5s var(--ease-out), transform 0.5s var(--ease-out);
}
.reveal.is-visible .tb-closer span { opacity: 1; transform: translateY(0); }
.reveal.is-visible .tb-closer span:nth-child(1) { transition-delay: 0.65s; }
.reveal.is-visible .tb-closer span:nth-child(2) { transition-delay: 0.85s; }
.reveal.is-visible .tb-closer span:nth-child(3) { transition-delay: 1.05s; }
@media (prefers-reduced-motion: reduce) {
.tb-hl::after { transition: none; transform: scaleX(1); }
.tb-closer span { transition: none; opacity: 1; transform: none; }
}
.hero-canvas-wrap { position:relative; width:100%; min-height:480px; height:100%; background:transparent; }
#hero-canvas { display:block; width:100%; height:100%;
-webkit-mask-image: radial-gradient(ellipse 70% 70% at 55% 50%, #000 35%, rgba(0,0,0,.5) 65%, transparent 100%);
mask-image: radial-gradient(ellipse 70% 70% at 55% 50%, #000 35%, rgba(0,0,0,.5) 65%, transparent 100%); }
@media (max-width: 1023px) {
.hero { position: relative; overflow: hidden; }
.hero__grid { position: relative; z-index: 1; }
.hero__visual { position: static !important; width: 0 !important; height: 0 !important; overflow: visible; }
.hero-canvas-wrap {
display: block !important;
position: absolute;
inset: 0;
width: 100%;
height: 100%;
min-height: unset;
opacity: 0.12;
pointer-events: none;
z-index: 0;
}
#hero-canvas {
width: 100% !important;
height: 100% !important;
}
}
@media (min-width: 1024px) {
.hero { position: relative; overflow: hidden; min-height: 80vh; display: flex; align-items: center; padding-block: calc(var(--space-12) - 30px); }
.hero > .container { position: relative; z-index: 2; }
.hero__grid { display: block !important; }
.hero__visual {
position: absolute !important;
left: 50% !important;
right: auto !important;
top: 0 !important;
bottom: 0 !important;
width: 100vw !important;
height: 100% !important;
transform: translateX(-50%) !important;
z-index: 0;
opacity: 0.7;
align-items: stretch !important;
pointer-events: none;
}
.hero-canvas-wrap { width: 100% !important; height: 100% !important; min-height: 0; }
.hero #hero-canvas {
-webkit-mask-image: radial-gradient(ellipse 100% 100% at 50% 50%, #000 60%, rgba(0,0,0,.7) 82%, transparent 100%) !important;
mask-image: radial-gradient(ellipse 100% 100% at 50% 50%, #000 60%, rgba(0,0,0,.7) 82%, transparent 100%) !important;
}
.hero__content {
position: relative;
z-index: 2;
text-align: center !important;
align-items: center !important;
justify-content: center;
min-height: calc(80vh - (var(--space-12) - 30px) * 2);
max-width: 100%;
margin: 0 auto;
gap: 40px;
}
.hero__content::before {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 130%;
height: 118%;
z-index: -1;
background: radial-gradient(ellipse 60% 56% at 50% 50%, rgba(8,13,28,0.72) 0%, rgba(8,13,28,0.5) 42%, rgba(8,13,28,0.22) 66%, transparent 84%);
pointer-events: none;
}
.hero__content > * { width: 100%; }
.hero h1 {
font-size: clamp(2.1rem, 2.85vw, 2.95rem) !important;
max-width: 100%;
margin: 0 auto;
margin-bottom: var(--space-2);
text-wrap: balance;
}
.hero .meta { text-align: center; }
.hero-proof { max-width: 100%; margin: 0 auto; }
.hero .lead { margin-left: auto; margin-right: auto; }
.hero__ctas { justify-content: center; }
.hero-verbs { text-align: center; }
}
.ind-asymmetric {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: var(--space-4);
align-items: start;
}
.ind-a {
background: var(--bg-surface);
border: 1px solid var(--border-default);
border-radius: var(--radius-md);
padding: var(--space-8) var(--space-6);
box-shadow: var(--shadow-surface);
display: flex;
flex-direction: column;
gap: var(--space-2);
text-decoration: none;
cursor: pointer;
position: relative;
transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);
}
.ind-a:hover {
transform: translateY(-4px);
border-color: var(--accent-main);
box-shadow: 0 10px 28px rgba(215,119,87,0.18);
}
.ind-a:focus-visible { outline: 2px solid var(--accent-main); outline-offset: 3px; }
.ind-a:nth-child(even) { margin-top: var(--space-6); }
.ind-ico { display: flex; color: var(--accent-main); }
.ind-ico svg { width: 28px; height: 28px; }
.ind-a-name { font-family: var(--t-font-display); font-weight: 800; font-size: var(--text-base); color: var(--secondary-800); letter-spacing: var(--tracking-tight); line-height: 1.25; margin: 0; }
.ind-a-go {
display: inline-flex;
align-items: center;
gap: 5px;
margin-top: var(--space-2);
font-family: var(--t-font-body);
font-size: var(--text-xs);
font-weight: 700;
letter-spacing: .02em;
color: var(--accent-main);
opacity: 1;
transform: translateY(-2px);
transition: opacity var(--transition-base), transform var(--transition-base);
}
.ind-a-go svg { transition: transform var(--transition-base); }
.ind-a:hover .ind-a-go { opacity: 1; transform: translateY(0); }
.ind-a:hover .ind-a-go svg { transform: translateX(3px); }
.ind-a--featured { }
@media (max-width: 768px) { .ind-asymmetric { grid-template-columns: 1fr 1fr; } .ind-a:nth-child(even) { margin-top: 0; } .ind-a-go { opacity: 1; transform: none; } }
.industry-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(--space-4);
}
@media (min-width: 640px)  { .industry-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1024px) { .industry-grid { grid-template-columns: repeat(5, 1fr); } }
.team-head { max-width: 100%; margin-bottom: var(--space-16); }
.team-head h2 { margin-top: var(--space-3); }
.team-board {
display: flex;
flex-wrap: nowrap;
gap: var(--space-5);
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
align-items: start;
justify-content: safe center;
width: 100vw;
margin-left: calc(-50vw + 50%);
padding: var(--space-2) var(--space-8) var(--space-6);
scrollbar-width: thin;
scrollbar-color: #CBD5E1 transparent;
}
.team-board::-webkit-scrollbar { height: 2px; }
.team-board::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: 2px; }
.team-board::-webkit-scrollbar-track { background: transparent; }
.team-card {
flex: 0 0 240px;
scroll-snap-align: start;
position: relative;
}
.team-card:nth-child(odd) { padding-bottom: 0; }
.team-line { font-size: var(--t-caption); color: var(--text-muted); margin-top: var(--space-3); line-height: 1.5; max-width: 28ch; }
@media (max-width: 767px) {
.team-board {
width: auto;
margin-left: 0;
justify-content: flex-start;
padding: var(--space-2) var(--container-padding-x) var(--space-6) 12px;
scroll-padding-left: 12px;
touch-action: pan-x pan-y;
overscroll-behavior-x: contain;
}
.team-card { flex-basis: 200px; }
.team-card:nth-child(odd) { padding-bottom: 0; }
.team-board::after {
content: "";
flex: 0 0 var(--space-4);
}
}
.audit-hero { background: transparent; border: none; border-radius: 0; width: 100%; margin-bottom: var(--space-16); padding: 0; position: relative; overflow: hidden; }
.audit-hero .eyebrow { color: rgba(255,255,255,.7); }
.audit-hero h2 { color: #fff; margin-top: var(--space-4); max-width: 75%; }
.audit-hero .lead { color: rgba(255,255,255,.82); margin-top: var(--space-5); max-width: 75%; }
.audit-hero-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-5); margin-top: var(--space-10); width: 100%; }
.audit-hero-stat { padding: var(--space-6) var(--space-5); background: rgba(0,0,0,.15); border-radius: var(--radius-lg); text-align: center; border: none; display: flex; flex-direction: column; align-items: center; justify-content: center; }
@media (max-width: 767px) { .audit-hero-stats { grid-template-columns: repeat(2, 1fr); } }
.audit-hero-stat .sv { font-family: var(--t-font-display); font-size: var(--text-3xl); font-weight: 900; color: #fff; line-height: 1; }
.audit-hero-stat .sl { font-size: var(--text-xs); color: rgba(255,255,255,.65); text-transform: uppercase; letter-spacing: var(--tracking-wider); margin-top: var(--space-1); }
.audit-v5-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); }
.audit-v5-card { min-width: 0; }
.audit-v5-card { display: flex; flex-direction: column; gap: var(--space-5); }
.audit-v5-card .ac-label {
display: inline-flex;
align-items: center;
gap: var(--space-3);
align-self: flex-start;
font-family: var(--t-font-body);
font-size: var(--text-sm);
font-weight: var(--weight-bold);
letter-spacing: var(--tracking-wide);
text-transform: uppercase;
color: var(--accent-main);
}
.audit-v5-card .ac-ico {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: var(--radius-full);
background: var(--accent-main);
color: #fff;
flex: none;
}
.audit-v5-card .ac-q { font-size: var(--t-body-lg); font-weight: var(--weight-semibold); font-style: italic; color: var(--text-heading); line-height: 1.4; }
.audit-v5-card .ac-body { font-size: var(--t-body); color: var(--text-muted); line-height: 1.65; margin: 0; }
.audit-v5-card .ac-checks { display: flex; flex-direction: column; gap: var(--space-3); list-style: none; padding: 0; margin: 0; }
.audit-v5-card .ac-checks li { display: flex; gap: var(--space-3); font-size: var(--t-small); color: var(--text-main); line-height: 1.55; }
.audit-v5-card .ac-checks .ck { color: var(--accent-main); font-weight: 900; flex: none; margin-top: 1px; }
@media (max-width: 860px) { .audit-v5-cards { grid-template-columns: 1fr; } }
.team-card img {
width: 100%; height: auto; aspect-ratio: 2/3; object-fit: cover; object-position: center top;
display: block; border-radius: var(--radius-md); background: var(--bg-section-alt);
}
.team-name { font-family: var(--t-font-display); font-weight: 700; color: var(--text-heading); margin-top: var(--space-5); display: inline-block; position: relative; padding-bottom: 6px; }
.team-name::after { content: ""; position: absolute; left: 0; bottom: 0; width: 75%; height: 2px; background: var(--accent-main); }
.team-role { font-size: var(--t-caption); color: var(--text-muted); margin-top: var(--space-2); display: block; }
@media (max-width: 760px) {
.team-board { grid-template-columns: 1fr 1fr; }
.team-card:nth-child(odd) { margin-bottom: 0; }
}
.film-masonry {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: var(--space-3);
margin: var(--space-12) 0;
align-items: start;
}
.film-col {
display: flex;
flex-direction: column;
gap: var(--space-3);
}
.film-cell { position: relative; border-radius: var(--radius-lg); overflow: hidden; cursor: pointer;
opacity: 0; transform: translateY(28px) scale(.98); filter: saturate(0.6);
transition: opacity 0.6s var(--ease-out), transform 0.6s var(--ease-out), filter 0.6s var(--ease-out); }
.film-cell.is-visible { opacity: 1; transform: none; filter: saturate(1); }
.film-cell:nth-child(1){transition-delay:.00s}
.film-cell:nth-child(2){transition-delay:.10s}
.film-cell:nth-child(3){transition-delay:.20s}
.film-cell:nth-child(4){transition-delay:.30s}
.film-cell img { width:100%; height:auto; display:block;
transition: transform 0.6s cubic-bezier(.25,.46,.45,.94); }
.film-cell:hover img { transform: scale(1.04); }
.film-cell::after { content:""; position:absolute; inset:0;
background: linear-gradient(to top, rgba(4,28,44,.75) 0%, transparent 50%);
opacity:0; transition: opacity 0.3s var(--ease-out); }
.film-cell:hover::after { opacity:1; }
.film-cell .lbl { position:absolute; left:var(--space-4); bottom:var(--space-4); z-index:1;
color:#fff; font-family:var(--t-font-mono); font-size:var(--text-xs);
font-weight:var(--weight-semibold); letter-spacing:var(--tracking-wider); text-transform:uppercase;
opacity:0; transform:translateY(6px); transition: opacity 0.3s var(--ease-out), transform 0.3s var(--ease-out); }
.film-cell:hover .lbl { opacity:1; transform:translateY(0); }
@media (max-width:860px) {
.film-masonry { grid-template-columns: repeat(2,1fr); gap: var(--space-2); }
.film-masonry .film-col { margin-top: 0 !important; }
}
.files { display: grid; grid-template-columns: repeat(6, 1fr); gap: var(--space-8); }
.file { background: var(--bg-surface); border: 1px solid var(--border-default); border-radius: var(--radius-md); padding: var(--space-12); box-shadow: var(--shadow-surface); grid-column: span 2; }
.file.f1, .file.f2 { grid-column: span 3; }
.file .id { font-family: var(--t-font-mono); font-size: var(--text-xs); letter-spacing: var(--tracking-wider); text-transform: uppercase; color: var(--accent-main); margin-bottom: var(--space-5); }
.file h3 { font-family: var(--t-font-display); font-size: var(--text-xl); color: var(--text-heading); margin: 0 0 var(--space-5); line-height: 1.25; }
.file p { color: var(--text-main); line-height: 1.6; margin: 0 0 var(--space-6); }
.file p b { color: var(--text-heading); }
.file .chips { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.file .chip { font-size: var(--text-xs); font-weight: var(--weight-semibold); color: var(--text-muted); background: var(--bg-section-alt); border: 1px solid var(--border-subtle); padding: var(--space-2) var(--space-4); border-radius: var(--radius-full); }
.com-closer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-8); margin-top: var(--space-12); }
.vert-tabs { display: flex; flex-wrap: wrap; gap: var(--space-3); margin: var(--space-12) 0 var(--space-10); }
.vert-tab { padding: var(--space-4) var(--space-8); border-radius: var(--radius-full); border: 1px solid var(--border-strong); background: var(--bg-surface); cursor: pointer; font-weight: var(--weight-semibold); color: var(--text-muted); font-size: var(--t-caption); }
.vert-tab.active { background: var(--accent-main); border-color: var(--accent-main); color: var(--gray-0); }
.vert-tab:hover:not(.active) { background: var(--secondary-800); border-color: var(--secondary-800); color: var(--text-on-dark); }
.vp { display: none; grid-template-columns: 1.3fr 1fr; gap: var(--space-16); }
.vp.active { display: grid; }
.vp .share { font-family: var(--t-font-mono); font-size: var(--text-xs); letter-spacing: var(--tracking-wider); text-transform: uppercase; color: var(--accent-main); margin-bottom: var(--space-4); }
.vp h3 { font-family: var(--t-font-display); font-size: var(--text-4xl); color: var(--text-heading); margin: 0 0 var(--space-6); }
.vp ul { margin: 0 0 var(--space-6); padding-left: var(--space-6); color: var(--text-main); line-height: 1.7; }
.vp .clients { color: var(--text-muted); font-size: var(--t-caption); line-height: 1.8; }
.client-link { color: var(--secondary-600); font-weight: var(--weight-semibold); }
.tabcta { display: inline-block; margin-top: var(--space-6); color: var(--accent-main); font-weight: var(--weight-bold); text-transform: capitalize; }
.vp .pull { background: var(--secondary-800); border-radius: var(--radius-2xl); padding: var(--space-12); color: var(--text-on-dark); }
.vp .quote-row { display: flex; gap: var(--space-5); align-items: flex-start; }
.vp .quote-row .avatar img { width: 56px; height: 56px; border-radius: var(--radius-full); object-fit: cover; flex-shrink: 0; }
.vp .q { font-style: italic; line-height: 1.5; color: var(--text-on-dark); }
.vp .q b { display: block; font-style: normal; color: var(--text-on-dark-muted); font-size: var(--t-caption); margin-top: var(--space-4); font-weight: var(--weight-semibold); }
.vp .metric { margin: var(--space-10) 0; }
.vp .metric .num { display: block; font-family: var(--t-font-display); font-weight: 800; font-size: var(--text-5xl); color: var(--accent-main); line-height: 1; }
.vp .metric .lbl { color: var(--text-on-dark-muted); font-size: var(--t-caption); margin-top: var(--space-3); display: block; }
.vp .logo-row { min-height: 42px; display: flex; align-items: center; }
.vp .logo-row img { max-height: 40px; width: auto; filter: brightness(0) invert(1); opacity: .85; }
.vp .logo-row img[src*="fresh-thyme"] { filter: none; opacity: 1; max-height: 48px; }
.vp .client-name { color: var(--text-on-dark); font-weight: var(--weight-bold); }
.case-filters { display: flex; flex-wrap: wrap; gap: var(--space-3); margin: var(--space-12) 0 var(--space-10); }
.case-filter { padding: var(--space-3) var(--space-6); border-radius: var(--radius-full); border: 1px solid var(--border-strong); background: var(--bg-surface); cursor: pointer; font-weight: var(--weight-semibold); color: var(--text-muted); font-size: var(--t-caption); }
.case-filter.active { background: var(--accent-main); border-color: var(--accent-main); color: var(--gray-0); }
.case-filter:hover:not(.active) { background: var(--secondary-800); border-color: var(--secondary-800); color: var(--text-on-dark); }
.case-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-6); }
.case { display: flex; flex-direction: column; gap: var(--space-3); background: var(--bg-surface); border: 1px solid var(--border-default); border-radius: var(--radius-md); padding: var(--space-10); box-shadow: var(--shadow-surface); transition: transform .2s var(--ease-out), box-shadow .2s var(--ease-out); }
.case:hover { transform: translateY(-4px); box-shadow: var(--shadow-raised); }
.case .meta { font-family: var(--t-font-mono); font-size: var(--text-xs); letter-spacing: var(--tracking-wider); text-transform: uppercase; color: var(--accent-main); }
.case .client { font-weight: var(--weight-bold); color: var(--text-heading); }
.case h4 { font-family: var(--t-font-display); font-size: var(--text-lg); color: var(--text-heading); margin: var(--space-2) 0 var(--space-4); line-height: 1.3; }
.case .wf { font-size: 14px; color: var(--text-muted); line-height: 1.5; margin-top: auto; padding-top: var(--space-5); border-top: 1px solid var(--border-subtle); }
.case .wf b { display: block; color: var(--text-heading); text-transform: uppercase; letter-spacing: var(--tracking-wide); font-size: 14px; margin-bottom: var(--space-2); }
.case .c-badge { align-self: flex-start; background: var(--accent-subtle); color: var(--accent-main); font-size: var(--text-xs); font-weight: var(--weight-bold); padding: var(--space-1) var(--space-4); border-radius: var(--radius-full); }
.case.browse { background: var(--secondary-800); }
.case.browse .meta { color: var(--accent-main); }
.case.browse h4 { color: var(--text-on-dark); }
.case.browse .body { font-size: var(--t-caption); color: var(--text-on-dark-muted); line-height: 1.6; }
.case.browse .browse-cta { margin-top: auto; color: var(--accent-main); font-weight: var(--weight-bold); }
.case.is-hidden { display: none; }
.faq-split { display: grid; grid-template-columns: 1fr 1.1fr; gap: var(--space-10); align-items: start; }
.faq-q-list { display: flex; flex-direction: column; gap: var(--space-4); }
.faq-item-wrap { display: flex; flex-direction: column; }
.faq-q {
display: block;
width: 100%; text-align: left; cursor: pointer;
background: var(--bg-surface); border: 1px solid var(--border-default);
border-radius: var(--radius-md); padding: var(--space-5) var(--space-6);
font-family: var(--t-font-display); font-weight: 600; font-size: var(--text-base);
color: var(--text-heading); line-height: 1.4;
transition: background .2s var(--ease-out), color .2s var(--ease-out), border-color .2s var(--ease-out);
}
.faq-q:hover:not(.active) { background: var(--accent-main); border-color: var(--accent-main); color: #fff; }
.faq-q.active { background: var(--secondary-800); border-color: var(--secondary-800); color: #fff; }
.faq-q:focus-visible { outline: 2px solid var(--accent-main); outline-offset: 2px; }
.faq-a-inline { display: none; }
.faq-panel {
position: sticky; top: calc(var(--nav-total, 112px) + 10px);
background: var(--secondary-800); border-radius: var(--radius-lg);
padding: var(--space-10);
}
.faq-panel-q { font-family: var(--t-font-display); font-size: var(--text-2xl); color: #fff; margin: 0 0 var(--space-6); line-height: 1.25; }
.faq-panel-a { color: rgba(255,255,255,.82); line-height: 1.7; font-size: var(--t-body); }
.faq-panel-a a { color: var(--accent-main); font-weight: var(--weight-semibold); }
@media (max-width: 1023px) {
.faq-split { grid-template-columns: 1fr; gap: var(--space-6); }
.faq-panel { display: none; }
.faq-q.active { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.faq-q.active + .faq-a-inline {
display: block;
background: var(--secondary-800);
color: rgba(255,255,255,.85);
font-family: var(--t-font-body); font-weight: 400;
font-size: var(--t-small); line-height: 1.65;
padding: 0 var(--space-6) var(--space-6);
border: 1px solid var(--secondary-800); border-top: none;
border-radius: 0 0 var(--radius-md) var(--radius-md);
}
.faq-q.active + .faq-a-inline a { color: var(--accent-main); font-weight: var(--weight-semibold); }
}
.paths-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-8); margin-top: var(--space-12); }
.path { position: relative; background: var(--bg-surface); border-radius: var(--radius-2xl); padding: var(--space-16); }
.path--1 { background: var(--secondary-600); }
.path--2 { background: var(--secondary-900); }
.path .rib { display: inline-block; font-family: var(--t-font-mono); font-size: var(--text-xs); letter-spacing: var(--tracking-wider); text-transform: uppercase; color: var(--accent-main); margin-bottom: var(--space-5); }
.path h3 { font-family: var(--t-font-display); font-size: var(--text-2xl); color: var(--text-heading); margin: 0 0 var(--space-6); }
.path p { color: var(--text-main); line-height: 1.6; margin: 0; }
.mega { display: inline-flex; align-items: center; margin-top: var(--space-8); background: var(--accent-main); color: var(--gray-0); font-weight: var(--weight-bold); font-size: var(--t-body); height: 48px; padding: 0 var(--space-12); border-radius: var(--btn-radius); border: 2px solid transparent; text-decoration: none; white-space: nowrap; cursor: pointer; }
.mega { transition: background .2s var(--ease-out), box-shadow .2s var(--ease-out), transform .1s var(--ease-out); }
.mega:hover { background: var(--accent-hover); color: var(--gray-0); box-shadow: 0 4px 12px rgba(0,0,0,.2); transform: translateY(-1px); }
.mega:active { background: var(--primary-400); color: var(--gray-0); transform: scale(0.97); }
.btn--primary:hover,
.btn--primary:focus-visible {
background: var(--primary-400);
border-color: var(--primary-400);
color: var(--text-inverse);
}
.btn--primary:active {
background: var(--primary-400);
border-color: var(--primary-400);
color: var(--text-inverse);
}
.subline { color: var(--text-muted); font-size: var(--t-caption); margin-top: var(--space-5); }
.path .toggle { display: inline-flex; gap: var(--space-2); margin: var(--space-6) 0; padding: var(--space-2); background: var(--secondary-900); border-radius: 999px; }
.path .toggle button { flex: 1; padding: var(--space-3) var(--space-6); border-radius: 999px; border: none; background: transparent; cursor: pointer; font-weight: var(--weight-semibold); font-size: var(--t-caption); color: var(--text-on-dark-muted); white-space: nowrap; transition: background .2s, color .2s; }
.path .toggle button:hover { color: var(--text-on-dark); }
.path .toggle button.on { background: var(--accent-main); border: none; color: var(--gray-0); box-shadow: 0 2px 8px rgba(0,0,0,.25); }
.slot-meta { color: var(--text-muted); font-size: var(--t-caption); margin: var(--space-5) 0; }
.slots { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-3); }
.slot { padding: var(--space-4); text-align: center; border: 1px solid var(--border-strong); border-radius: var(--radius-sm); cursor: pointer; font-weight: var(--weight-semibold); color: var(--text-heading); font-size: var(--t-caption); }
.slot:hover { border-color: var(--accent-main); color: var(--accent-main); }
.slot.taken { opacity: .4; text-decoration: line-through; pointer-events: none; }
@media (max-width: 860px) {
.files, .files .file, .files .file.f1, .files .file.f2 { grid-template-columns: 1fr; grid-column: auto; }
.vp.active { grid-template-columns: 1fr; gap: var(--space-10); }
.case-grid { grid-template-columns: 1fr; }
.paths-grid { grid-template-columns: 1fr; }
}
.bigstat-row {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(--space-12) var(--space-8);
}
@media (min-width: 768px)  { .bigstat-row { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1024px) { .bigstat-row { grid-template-columns: repeat(5, 1fr); } }
.avatar-row { display: flex; flex-wrap: wrap; justify-content: center; }
.avatar-row img {
width: 56px; height: 56px; border-radius: var(--radius-full);
object-fit: cover; margin-left: calc(var(--space-4) * -1);
border: 2px solid var(--bg-section-dark);
background: var(--bg-section-alt);
}
.avatar-row img:first-child { margin-left: 0; }
#navbar .navbar__inner {
padding-top: 0 !important;
padding-bottom: 0 !important;
height: auto !important;
min-height: 0 !important;
}
#navbar {
height: auto !important;
padding-top: 12px !important;
padding-bottom: 12px !important;
}
@media (min-width: 1024px) {
#navbar {
padding-top: 27px !important;
padding-bottom: 27px !important;
}
}
#navbar .btn--primary {
color: #fff !important;
height: 48px !important;
padding: 0 var(--space-12) !important;
font-size: var(--t-body) !important;
animation: btn-breathe 2.4s ease-in-out infinite;
}
#navbar .btn--primary:hover {
animation: none !important;
box-shadow: 0 0 0 4px rgba(215,119,87,.3), 0 4px 20px rgba(215,119,87,.5) !important;
transform: translateY(-1px);
}
#navbar {
background: var(--secondary-800) !important;
border-bottom: 1px solid rgba(255,255,255,.08) !important;
box-shadow: none !important;
}
#navbar.is-scrolled {
background: var(--secondary-800) !important;
border-bottom: 1px solid rgba(255,255,255,.1) !important;
box-shadow: 0 2px 24px rgba(0,0,0,.3) !important;
}
#navbar .navbar__logo-dark { display: none !important; }
#navbar .navbar__logo-white { display: block !important; }
#navbar .navbar__link {
color: #ffffff !important;
position: relative;
font-size: 15px !important;
font-weight: 700 !important;
}
#navbar .navbar__actions .navbar__link {
font-weight: 400 !important;
font-size: 14px !important;
}
#navbar .navbar__link::after {
content: '';
position: absolute;
bottom: 0; left: 14px; right: 14px;
height: 2px;
background: var(--accent-main);
border-radius: 2px;
opacity: 0;
transition: opacity .22s;
}
#navbar .navbar__link:hover {
color: #fff !important;
background: transparent !important;
}
#navbar .navbar__link:hover::after { opacity: 1; }
#navbar .navbar__actions .navbar__link {
color: rgba(255,255,255,.4) !important;
}
#navbar .navbar__actions .navbar__link::after { display: none; }
#navbar .badge {
background: var(--accent-main) !important;
color: #fff !important;
}
html, body { overflow-x: clip; max-width: 100%; }
#navbar { position: sticky !important; top: 0 !important; z-index: 1000 !important; }
@media (max-width: 1023px) {
#navbar .navbar__inner {
max-width: 100%;
justify-content: space-between;
align-items: center;
gap: 0;
}
#navbar .navbar__actions {
display: flex !important;
align-items: center;
gap: var(--space-2);
order: 3;
}
#navbar .navbar__logo {
order: 1;
margin: 0;
flex-shrink: 0;
}
#navbar nav[aria-label="Main navigation"] { order: 2; }
#navbar .navbar__actions a[href^="tel"] { display: none !important; }
#navbar .navbar__actions .btn--primary {
display: inline-flex !important;
font-size: 14px !important;
padding: 6px 12px !important;
white-space: nowrap;
}
}
#navbar .navbar__toggle { color: #fff !important; }
#navbar .navbar__actions a[href^="tel"] { color: #fff !important; }
#navbar .navbar__actions a[href^="tel"]:hover { color: var(--accent-main) !important; }
#navbar .navbar__toggle:hover { background: rgba(255,255,255,.1) !important; }
.contact-grid {
display: grid;
grid-template-columns: 1fr;
gap: var(--space-16);
}
@media (min-width: 960px) {
.contact-grid { grid-template-columns: minmax(0,5fr) minmax(0,7fr); gap: var(--space-32); align-items: start; }
}
.contact-square {
width: 88px; height: 88px;
background: var(--accent-main);
border-radius: var(--radius-md);
margin-bottom: var(--space-10);
}
@media (max-width: 959px) { .contact-square { width: 64px; height: 64px; } }
.contact-form { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-8) var(--space-8); }
.contact-form .span-2 { grid-column: 1 / -1; }
.contact-form .form-label { color: var(--text-on-dark); letter-spacing: var(--tracking-wide); }
.contact-form .form-input,
.contact-form .form-textarea {
background: var(--gray-100);
color: var(--gray-900);
border: 1.5px solid var(--gray-300);
}
.contact-form .form-input::placeholder,
.contact-form .form-textarea::placeholder { color: var(--gray-500); }
.contact-fine { color: var(--text-on-dark-muted); font-size: var(--t-caption); line-height: var(--leading-relaxed); }
.contact-fine a { color: var(--text-on-dark); text-decoration: underline; text-underline-offset: 3px; transition: color 0.2s var(--ease-out); }
.contact-fine a:hover { color: var(--accent-main); }
.motto-badge {
display: inline-flex; align-items: center; gap: var(--space-3);
padding: var(--space-3) var(--space-6); border-radius: var(--radius-full);
background: var(--accent-subtle); border: 1px solid var(--accent-main);
color: var(--accent-main); font-weight: var(--weight-bold);
font-size: var(--t-small); letter-spacing: var(--tracking-widest); text-transform: uppercase;
}
.motto-badge::before { content: ""; width: 8px; height: 8px; border-radius: var(--radius-full); background: var(--accent-main); }
.motto-stack { display: flex; flex-direction: column; align-items: flex-start; margin: var(--space-12) 0 var(--space-16); }
.motto-word {
position: relative;
background: var(--gray-100);
border-bottom: 7px solid var(--secondary-800);
padding: var(--space-4) 0.65em var(--space-5) var(--space-8);
font-family: var(--t-font-display);
font-weight: 800;
font-size: clamp(56px, 10vw, 132px);
line-height: 0.96;
letter-spacing: var(--tracking-tighter);
color: var(--secondary-800);
width: max-content; max-width: 100%;
}
.motto-word:not(:first-child) { margin-top: calc(var(--space-3) * -1); }
.motto-word .o-suffix { color: var(--accent-main); }
.motto-word .o-num {
position: absolute; top: 0.1em; right: 0.08em;
display: inline-flex; align-items: center; justify-content: center;
width: 0.45em; height: 0.45em; padding: 0;
border-radius: var(--radius-full);
background: rgba(215,119,87,0.12);
border: 1px solid rgba(215,119,87,0.38);
color: var(--accent-main);
line-height: 1;
}
.motto-word .o-num svg { width: 0.26em; height: 0.26em; display: block; }
.motto-w3 { margin-left: clamp(0px, 22vw, 320px); }
.motto-w2 { margin-left: clamp(0px, 11vw, 170px); }
.motto-w1 { margin-left: 0; }
.motto-lede { font-size: var(--t-body-lg); line-height: 1.7; color: var(--text-main); max-width: 75%; }
.motto-mark { background: var(--secondary-800); color: var(--text-on-dark); font-weight: var(--weight-bold); padding: 2px 8px; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.motto-emph { display: block; margin-top: var(--space-5); }
.motto-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-8); margin-top: var(--space-20); }
.motto-card { background: var(--bg-surface); border: 1px solid var(--border-default); border-radius: var(--radius-md); padding: var(--space-12); box-shadow: var(--shadow-surface); }
.motto-card h3 { font-family: var(--t-font-display); font-weight: 800; font-size: var(--text-2xl); color: var(--secondary-800); margin: 0 0 var(--space-6); letter-spacing: var(--tracking-tight); }
.motto-card h3 .o-suffix { color: var(--accent-main); }
.motto-card p { color: var(--text-main); line-height: 1.65; margin: 0; }
@media (max-width: 820px) {
.motto-cards { grid-template-columns: 1fr; }
.motto-w3, .motto-w2 { margin-left: 0; }
}
.tg-grid { display: flex; flex-direction: column; gap: var(--space-8); }
.tg-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-8); }
.tg-card {
background: var(--bg-surface);
border: 1px solid var(--border-default);
border-radius: var(--radius-md);
padding: var(--space-12) var(--space-16);
}
.tg-cat { display: block; font-family: var(--t-font-body); font-size: var(--t-small); font-weight: var(--weight-bold); letter-spacing: var(--tracking-widest); text-transform: uppercase; color: var(--accent-main); line-height: 1.3; }
.tg-date { display: block; font-family: var(--t-font-mono); font-size: var(--t-caption); letter-spacing: var(--tracking-wider); color: var(--text-muted); margin-top: var(--space-3); }
.tg-quote { font-size: var(--t-body-lg); line-height: 1.6; color: var(--text-main); text-wrap: pretty; }
.tg-author { display: flex; align-items: center; gap: var(--space-5); }
.tg-author img { width: 56px; height: 56px; border-radius: var(--radius-full); object-fit: cover; flex-shrink: 0; background: var(--bg-section-alt); }
.tg-name { font-weight: var(--weight-bold); color: var(--text-heading); line-height: 1.25; }
.tg-role { font-size: var(--t-caption); color: var(--text-muted); margin-top: 2px; }
.tg-card.wide { display: grid; grid-template-columns: 180px 1fr 260px; gap: var(--space-12); align-items: center; }
.tg-card.wide .tg-author { flex-direction: row-reverse; text-align: right; }
.tg-card.half { display: flex; flex-direction: column; gap: var(--space-8); }
.tg-card.half .tg-meta { margin-bottom: calc(var(--space-3) * -1); }
.tg-card.half .tg-author { margin-top: auto; }
.tg-footer { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-6) var(--space-8); margin-top: var(--space-12); }
.tg-pill { background: var(--secondary-900); color: var(--gray-0); font-weight: var(--weight-bold); padding: var(--space-3) var(--space-6); border-radius: var(--radius-sm); }
.tg-foot-note { color: var(--text-muted); }
.tg-foot-links { display: flex; flex-wrap: wrap; gap: var(--space-10); margin-left: auto; }
.tg-foot-link { color: var(--accent-main); font-weight: var(--weight-bold); text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 2px; white-space: nowrap; }
.tg-foot-link:hover { color: var(--accent-hover); }
@media (max-width: 768px) {
.tg-row { grid-template-columns: 1fr; }
.tg-card.wide { grid-template-columns: 1fr; gap: var(--space-8); align-items: start; }
.tg-card.wide .tg-author { flex-direction: row; text-align: left; }
.tg-foot-links { margin-left: 0; }
}
.has-deco { position: relative; overflow: hidden; }
.section-deco { position: absolute; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: 0; }
.section-deco svg { display: block; width: 100%; height: 100%; }
.deco-trend { height: 200px; opacity: 0.6; margin-top: 180px; }
.t-stop-0 { stop-color: var(--accent-main); stop-opacity: 0.30; }
.t-stop-1 { stop-color: var(--accent-main); stop-opacity: 0; }
.deco-trend .t-area { fill: url(#tFade); }
.deco-trend .t-line {
fill: none; stroke: var(--accent-main); stroke-width: 2.5;
stroke-linecap: round; stroke-linejoin: round;
stroke-dasharray: 1700; stroke-dashoffset: 1700;
animation: t-draw 2.6s var(--ease-out) 0.3s forwards;
}
@media (max-width: 768px) {
section[data-screen-label="stats"] { padding-top: var(--section-padding-y) !important; }
}
.deco-trend .t-runner { fill: var(--gray-0); }
.case { transition: transform .22s var(--ease-out), box-shadow .22s var(--ease-out), background .22s var(--ease-out), border-color .22s var(--ease-out); }
.case:hover {
background: var(--accent-main) !important;
border-color: var(--accent-main) !important;
transform: translateY(-4px);
box-shadow: 0 12px 32px rgba(215,119,87,.35);
}
.case:hover .meta,
.case:hover .client,
.case:hover h4,
.case:hover .wf,
.case:hover .wf b,
.case:hover .browse-cta { color: #fff !important; }
.case:hover .c-badge { background: rgba(255,255,255,.25); color: #fff !important; }
.case:hover .wf { border-top-color: rgba(255,255,255,.25) !important; }
.case.browse:hover { background: var(--accent-main) !important; border-color: var(--accent-main) !important; }
.case.browse:hover .body { color: rgba(255,255,255,.85) !important; }
[data-screen-label="services"] .grid-cards .card:hover {
background: var(--accent-main) !important;
border-color: var(--accent-main) !important;
cursor: pointer;
transform: translateY(-3px);
box-shadow: 0 12px 32px rgba(215,119,87,.4);
}
[data-screen-label="services"] .grid-cards .card:hover h4,
[data-screen-label="services"] .grid-cards .card:hover p,
[data-screen-label="services"] .grid-cards .card:hover .mono-tag,
[data-screen-label="services"] .grid-cards .card:hover a { color: #fff !important; }
.form-input:focus, .form-textarea:focus {
outline: none;
background: var(--gray-0);
border: 1.5px solid var(--primary-400) !important;
box-shadow: 0 0 0 3px var(--primary-a20);
}
.form-input::placeholder, .form-textarea::placeholder {
opacity: 0.65;
}
[data-screen-label="audits"] .btn--outline:hover {
background: #fff !important;
border-color: var(--accent-main) !important;
color: var(--accent-main) !important;
}
[data-screen-label="audits"] .card:hover {
background: var(--secondary-800) !important;
border-color: var(--secondary-800) !important;
transform: translateY(-3px);
box-shadow: 0 12px 32px rgba(4,28,44,.4);
}
[data-screen-label="audits"] .card:hover h4,
[data-screen-label="audits"] .card:hover p,
[data-screen-label="audits"] .card:hover li,
[data-screen-label="audits"] .card:hover .ck { color: #fff !important; }
[data-screen-label="audits"] .card:hover .btn--primary {
background: var(--primary-400) !important;
border-color: var(--primary-400) !important;
color: #fff !important;
}
.case:hover .meta { color: rgba(255,255,255,.7) !important; }
.case:hover .client { color: #fff !important; }
[data-screen-label="services"] .grid-cards .card:hover .text-muted { color: rgba(255,255,255,.8) !important; }
[data-screen-label="services"] .grid-cards .card:hover .mono-tag { color: rgba(255,255,255,.7) !important; }
[data-screen-label="audits"] .card:hover .ac-label { color: var(--accent-main) !important; }
[data-screen-label="audits"] .card:hover .ac-q,
[data-screen-label="audits"] .card:hover .ac-body { color: rgba(255,255,255,.9) !important; }
.btn--outline, .btn--outline-inverse { border-width: 2px; }
.btn--outline-inverse:hover { background: rgba(255,255,255,.15) !important; border-color: rgba(255,255,255,.65) !important; color: #fff !important; }
.case:hover .btn--primary  {
background: #fff !important;
border-color: #fff !important;
color: var(--primary-400) !important;
}
[data-screen-label="services"] .grid-cards .card:hover .btn--primary,
[data-screen-label="services"] .grid-cards .card:hover .text-accent {
color: #fff !important;
}
.deco-flow { height: 120px; }
.deco-flow .f-line { stroke: url(#fLine); stroke-width: 1.5; fill: none; }
.fl-stop-0 { stop-color: var(--accent-main); stop-opacity: 0; }
.fl-stop-1 { stop-color: var(--accent-main); stop-opacity: 0.55; }
.fl-stop-2 { stop-color: var(--accent-main); stop-opacity: 0; }
.deco-flow .f-glow {
fill: url(#fGlow);
transform-origin: center bottom;
animation: f-breathe 6s var(--ease-in-out, ease-in-out) infinite;
}
.deco-flow .f-spark { fill: var(--accent-main); filter: drop-shadow(0 0 6px var(--accent-main)); }
.hero-eyebrow {
display: inline-flex;
align-items: center;
font-size: calc(var(--t-small) * 2);
line-height: 1.1;
font-weight: var(--weight-bold);
letter-spacing: 0.06em;
color: var(--accent-main);
padding: 0;
text-transform: uppercase;
text-align: center;
justify-content: center;
width: auto;
max-width: max-content;
align-self: center;
}
.hero__content > .hero-eyebrow { width: auto; max-width: max-content; align-self: center; }
@media (max-width: 767px) {
.hero-eyebrow { font-size: calc(var(--t-small) * 1.5); padding: 0; letter-spacing: 0.04em; }
}
.hero-verbs {
display: flex;
align-items: center;
gap: var(--space-4);
flex-wrap: wrap;
margin-top: var(--space-2);
padding-top: var(--space-6);
border-top: 1px solid rgba(255,255,255,0.18);
font-family: var(--t-font-display);
font-weight: 800;
font-size: var(--text-xl);
line-height: 1.2;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #fff;
}
.hero-verbs .hv-dot {
width: 7px; height: 7px; border-radius: 50%;
background: var(--accent-main);
flex: none;
}
.svc-ico { display: flex; color: var(--accent-main); }
.svc-ico svg { width: 30px; height: 30px; }
[data-screen-label="services"] .grid-cards .card:hover .svc-ico { color: #fff; }
.tb-header--spaced { margin-bottom: var(--space-12); }
.tb-rule {
max-width: var(--container-max);
margin: 0 auto var(--space-10);
padding: 0 var(--container-padding-x);
}
.tb-rule span {
display: block;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.22) 12%, rgba(255,255,255,0.22) 88%, transparent);
}
@media (max-width: 767px) {
.tb-header--spaced { margin-bottom: var(--space-8); }
.tb-rule { margin-bottom: var(--space-8); }
}
@media (max-width: 767px) {
.hero-verbs { font-size: var(--text-base) !important; letter-spacing: 0.1em !important; gap: var(--space-3) !important; padding-top: var(--space-5) !important; }
}
@media (max-width: 767px) {
.bigstat-row { grid-template-columns: repeat(2, 1fr); gap: var(--space-10) var(--space-6); }
.bigstat-row > :first-child { grid-column: 1 / -1; }
}
@media (max-width: 767px) {
[data-screen-label="verticals"] > .container > h2 { line-height: 1.28; }
}
.stat-ico { display: none; }
@media (max-width: 767px) {
.stat-card { align-items: center; text-align: center; gap: var(--space-2); padding: var(--space-8) var(--space-5); }
.stat-ico {
display: flex; align-items: center; justify-content: center;
width: 92px; height: 92px; margin-bottom: var(--space-3);
border-radius: 999px;
background: #fff;
box-shadow: var(--shadow-surface);
color: var(--accent-main);
}
.stat-ico svg { width: 46px; height: 46px; }
.stat-card .stat-card__value { color: var(--accent-main); }
.stat-card .stat-card__label { max-width: 26ch; }
}
@media (max-width: 767px) {
.footer__link, .footer__tagline, .footer__copy { font-size: 14px !important; }
.footer__grid { text-align: center; }
.footer__links { align-items: center; }
.footer__brand { align-items: center; }
.footer__bottom { justify-content: center; text-align: center; }
}
.files.reveal { transform: none; }
[data-theme="dark-section"] .file .chip {
background: rgba(255,255,255,0.10);
border: 1px solid rgba(255,255,255,0.22);
color: var(--text-on-dark);
}
.hero-proof { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-5); max-width: 880px; }
.hero-proof__card {
background: rgba(13,20,38,0.58);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
padding: var(--space-8) var(--space-12);
min-height: 234px;
border: 1px solid rgba(255,255,255,0.14);
border-radius: var(--radius-lg);
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
justify-content: center;
gap: 0;
}
.hero-proof__metric { font-family: var(--t-font-display); font-weight: 800; font-size: calc(var(--text-4xl) * 1.1); color: var(--accent-main); line-height: 1; letter-spacing: -.02em; }
.hero-proof__cap { color: var(--text-on-dark); font-weight: 700; font-size: var(--t-body); margin-top: 18px; }
.hero-proof__txt { display: contents; }
.hero-proof__sub { color: var(--text-on-dark-muted); font-size: var(--t-small); line-height: 1.45; margin-top: 32px; }
@media (max-width: 767px) {
.hero-proof { grid-template-columns: 1fr; gap: var(--space-3); max-width: 100%; }
.hero-proof__card { flex-direction: row; align-items: center; gap: var(--space-4); flex-wrap: nowrap; padding: var(--space-5) var(--space-5); min-height: 0; justify-content: flex-start; text-align: left; }
.hero-proof__metric { font-size: var(--text-3xl); min-width: 0; flex: none; }
.hero-proof__txt { display: flex; flex-direction: column; gap: 4px; flex: 1; text-align: left; }
.hero-proof__cap { flex: none; margin-top: 0; }
.hero-proof__sub { flex: none; margin-top: 0; }
}
.urgency-bar {
position: fixed;
left: 0; right: 0; bottom: 0;
z-index: 900;
background: var(--primary-400);
box-shadow: 0 -6px 24px rgba(0,0,0,.22);
transform: translateY(0);
transition: transform .4s var(--ease-out);
}
.urgency-bar.is-hidden { transform: translateY(110%); }
.urgency-bar__inner {
max-width: var(--container-max, 1200px);
margin: 0 auto;
padding: 14px var(--container-padding-x, 24px);
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-6);
}
.urgency-bar__text {
margin: 0;
display: flex;
align-items: center;
gap: var(--space-3);
color: #fff;
font-family: var(--t-font-body);
font-size: var(--t-small);
font-weight: 600;
letter-spacing: .04em;
text-transform: uppercase;
line-height: 1.35;
}
.urgency-bar__text strong { font-weight: 800; }
.urgency-bar__dot {
flex: none;
width: 9px; height: 9px; border-radius: 999px;
background: #fff;
box-shadow: 0 0 0 0 rgba(255,255,255,.7);
animation: urgency-pulse 1.8s ease-in-out infinite;
}
.urgency-bar__actions { display: flex; align-items: center; gap: var(--space-4); flex: none; }
.urgency-bar__cta {
display: inline-flex;
align-items: center;
background: #fff;
color: var(--primary-400);
font-family: var(--t-font-body);
font-weight: 700;
font-size: var(--t-small);
text-decoration: none;
white-space: nowrap;
height: 40px;
padding: 0 var(--space-6);
border-radius: 999px;
transition: background .18s var(--ease-out), color .18s var(--ease-out), transform .18s var(--ease-out);
}
.urgency-bar__cta:hover { background: var(--secondary-800); color: #fff; transform: translateY(-1px); }
.urgency-bar__close {
flex: none;
width: 34px; height: 34px;
display: flex; align-items: center; justify-content: center;
border: none; background: rgba(255,255,255,.18); color: #fff;
border-radius: 999px; cursor: pointer;
transition: background .18s var(--ease-out);
}
.urgency-bar__close:hover { background: rgba(255,255,255,.34); }
@media (max-width: 767px) {
.urgency-bar__inner { padding: 10px var(--space-4); gap: var(--space-3); }
.urgency-bar__text { font-size: 11px; letter-spacing: .02em; }
.urgency-bar__cta { height: 36px; padding: 0 var(--space-4); font-size: 12px; }
}
.audit-v5-card .ac-ico svg { width: 23px; height: 23px; flex: none; }
.ind-a-go__svg { width: 14px; height: 14px; flex: none; }
.nav-phone__svg { width: 15px; height: 15px; flex: none; }
.nav-burger__svg { width: 22px; height: 22px; flex: none; }
.urg-close__svg { width: 15px; height: 15px; flex: none; }
.drawer-close__svg { width: 22px; height: 22px; flex: none; }
.form-input,
.form-textarea {
border-radius: var(--btn-radius);
background: var(--gray-100);
color: var(--gray-900);
border: 1.5px solid var(--gray-300);
}
.form-input::placeholder,
.form-textarea::placeholder { color: var(--gray-500); opacity: 1; }
.form-input:hover,
.form-textarea:hover { border-color: var(--gray-400); background: var(--gray-50); }
.form-input:focus,
.form-textarea:focus,
.form-input:focus-visible,
.form-textarea:focus-visible {
outline: none;
background: var(--gray-0);
border: 1.5px solid var(--primary-400);
box-shadow: 0 0 0 3px var(--primary-a20);
}
.form-textarea { border-radius: 25px; }
.btn--primary { background: var(--primary-400); border-color: var(--primary-400); }
.btn--primary:hover { background: var(--primary-400); border-color: var(--primary-400); }
.btn--primary:active { background: var(--primary-400); border-color: var(--primary-400); }
.mega { background: var(--primary-400); }
.mega:hover { background: var(--primary-400); }
.mega:active { background: var(--primary-400); }
main h2 { max-width: 75%; text-wrap: pretty; }
main .lead { max-width: 75%; text-wrap: pretty; }
main [style*="text-align:center"] h2,
main [style*="text-align: center"] h2,
main .hero__content h2 { margin-inline: auto; }
main h2, main .lead { margin-inline: 0; }
.card, .case, .stat-card,  .ind-a, .hc-door, .hc-case, .logo-tile,
.prob-card, .comp-card, .svcd-card, .hc-acard, .audit-v5-card {
transition: transform var(--transition-base), box-shadow var(--transition-base),
border-color var(--transition-base), background var(--transition-base);
}
a.card:hover, a.case:hover, a.ind-a:hover, a.hc-door:hover, a.hc-case:hover,
a.logo-tile:hover, a.svcd-card:hover  {
transform: translateY(-4px);
}
a.ind-a, a.hc-door, a.hc-case, a.case, a.svcd-card { position: relative; overflow: hidden; }
a.ind-a::after, a.hc-door::after, a.hc-case::after, a.case::after, a.svcd-card::after {
content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px;
background: var(--accent-main); transform: scaleX(0); transform-origin: left;
transition: transform var(--transition-base);
}
a.ind-a:hover::after, a.hc-door:hover::after, a.hc-case:hover::after,
a.case:hover::after, a.svcd-card:hover::after { transform: scaleX(1); }
a.ind-a .ind-num, a.case .meta, a.hc-case .hc-case__client { transition: color var(--transition-base); }
a.ind-a:hover .ind-num { color: var(--accent-main); }
a:hover > .ind-a-go svg, a:hover > .hc-door__go svg, a:hover > .hc-case__go svg,
a:hover > .svcd-card__go svg, a:hover .browse-cta { transition: transform var(--transition-base); }
.audit-v5-card .btn { white-space: normal; overflow-wrap: anywhere; }
.faq-q.active .faq-q-text { color: var(--text-on-dark); }
#navbar .btn--primary:hover {
background: var(--accent-main) !important;
border-color: #fff !important;
box-shadow: none !important;
}
#navbar .navbar__logo { max-height: 40px; }
#navbar .navbar__logo img { height: 35px; max-height: 40px; width: auto; }
.faq-split { display: block !important; }
.faq-panel { display: none !important; }
.faq-q-list { max-width: 76ch; }
.faq-a-inline {
display: none;
padding: 0 var(--space-6) var(--space-6) 3.2ch;
font-size: var(--t-small);
line-height: 1.7;
color: var(--text-muted);
max-width: 72ch;
}
.faq-q.active + .faq-a-inline { display: block; }
.faq-q.active + .faq-a-inline a { color: var(--accent-main); font-weight: var(--weight-semibold); }
.faq-q.active { background: none; color: var(--text-heading); border-radius: 0; padding-left: var(--space-6); }
.faq-q.active .faq-q-text { color: var(--accent-main); }
.faq-q.active::before { color: var(--accent-main); }
body { padding-bottom: var(--urgency-h, 96px); }
body:has(#urgency-bar) { padding-bottom: var(--urgency-h, 96px); }
body:not(:has(#urgency-bar)) { padding-bottom: 0; }
.faq-q-list { gap: 0 !important; border-top: 1px solid var(--border-default); }
.faq-item-wrap { border-bottom: 1px solid var(--border-default); }
.faq-q {
background: none !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
padding: var(--space-6) var(--space-2) !important;
color: var(--text-heading) !important;
transition: padding-left var(--transition-base), background var(--transition-base);
}
.faq-q:hover:not(.active) {
background: linear-gradient(90deg, rgba(245, 101, 56,.06), transparent 60%) !important;
border-color: transparent !important;
color: var(--text-heading) !important;
padding-left: var(--space-6) !important;
}
.faq-q:hover:not(.active) .faq-q-text { color: var(--accent-main); }
.faq-q.active + .faq-a-inline,
.faq-q[aria-expanded="true"] + .faq-a-inline {
display: block;
background: none !important;
color: var(--text-muted) !important;
font-size: var(--t-small);
line-height: 1.7;
padding: 0 var(--space-6) var(--space-6) var(--space-6);
max-width: 72ch;
}
.faq-q.active + .faq-a-inline a,
.faq-q[aria-expanded="true"] + .faq-a-inline a { color: var(--accent-main); font-weight: var(--weight-semibold); }
.faq-q.active + .faq-a-inline,
.faq-q[aria-expanded="true"] + .faq-a-inline {
border: none !important;
border-radius: 0 !important;
}
:target, main > section[id], .faq-item-wrap[id] {
scroll-margin-top: calc(var(--nav-total, 112px) + var(--space-6));
}
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
.faq-split { display: block !important; }
.faq-panel { display: none !important; }
.faq-q-list { columns: auto !important; column-gap: normal !important; max-width: 900px; margin: 0 auto; border-top: 1px solid var(--border-default); }
.faq-item-wrap { border-bottom: 1px solid var(--border-default); break-inside: auto; }
.faq-q {
display: flex !important;
align-items: center;
justify-content: space-between;
gap: var(--space-6);
width: 100%;
padding: var(--space-6) 0 !important;
border: none !important;
border-left: none !important;
background: none !important;
text-align: left;
}
.faq-q-text { font-size: var(--t-body); font-weight: 700; color: var(--text-heading); }
.faq-q:hover .faq-q-text { color: var(--accent-main); }
.faq-q.active .faq-q-text { color: var(--text-heading) !important; }
.faq-q::after {
content: "";
flex: 0 0 30px; width: 30px; height: 30px; border-radius: 50%;
background: var(--bg-section-alt);
background-image: linear-gradient(var(--text-muted), var(--text-muted)), linear-gradient(var(--text-muted), var(--text-muted));
background-size: 12px 2px, 2px 12px;
background-position: center, center;
background-repeat: no-repeat;
transition: background-color var(--transition-base), background-size var(--transition-base), transform var(--transition-base);
}
.faq-q.active::after {
background-color: var(--accent-main);
background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
background-size: 12px 2px, 2px 12px;
transform: rotate(45deg);
}
.faq-q.active + .faq-a-inline,
.faq-q[aria-expanded="true"] + .faq-a-inline {
display: block;
border: none !important;
background: none !important;
color: var(--text-muted) !important;
font-size: var(--t-small);
line-height: 1.75;
padding: 0 var(--space-16) var(--space-6) var(--space-8) !important;
max-width: 74ch;
}
.faq-q-list { max-width: none !important; margin: 0 !important; }
[data-theme="dark-section"] .text-muted,
.hc-dark .text-muted,
[data-screen-label="services"] .text-muted { color: rgba(255,255,255,0.78) !important; }
.case, .tg-card, .hc-case, .hc-door, .hc-svc, .svcd-card, .aw-item,
[data-screen-label="services"] .grid-cards .card,
[data-screen-label="find-your-service"] .grid-cards .card,
[data-screen-label="audits"] .card {
transition: background-color .22s var(--ease-out), border-color .22s var(--ease-out),
transform .22s var(--ease-out), box-shadow .22s var(--ease-out);
}
.case h4, .case p, .case .meta, .case .client, .case .wf, .case .wf b, .case .browse-cta, .case .c-badge,
.tg-card .tg-cat, .tg-card .tg-company, .tg-card .tg-quote, .tg-card .tg-name, .tg-card .tg-role, .tg-card .tg-date,
.hc-case .hc-case__client, .hc-case .hc-case__head, .hc-case .hc-case__go,
.hc-door .hc-door__name, .hc-door .hc-door__sub, .hc-door .hc-door__go,
.hc-svc .hc-svc__name, .hc-svc .hc-svc__body, .hc-svc .hc-svc__go,
.svcd-card .svcd-card__name, .svcd-card .svcd-card__body, .svcd-card .svcd-card__go,
.aw-item .aw-item__name, .aw-item .aw-item__line,
[data-screen-label="services"] .grid-cards .card h4,
[data-screen-label="services"] .grid-cards .card p,
[data-screen-label="services"] .grid-cards .card .text-muted,
[data-screen-label="services"] .grid-cards .card .text-accent,
[data-screen-label="services"] .grid-cards .card .mono-tag,
[data-screen-label="services"] .grid-cards .card .svc-ico,
[data-screen-label="find-your-service"] .grid-cards .card h4,
[data-screen-label="find-your-service"] .grid-cards .card p,
[data-screen-label="find-your-service"] .grid-cards .card .text-muted,
[data-screen-label="find-your-service"] .grid-cards .card .text-accent,
[data-screen-label="find-your-service"] .grid-cards .card .svc-ico,
[data-screen-label="audits"] .card h4,
[data-screen-label="audits"] .card p,
[data-screen-label="audits"] .card li,
[data-screen-label="audits"] .card .ac-label,
[data-screen-label="audits"] .card .ac-q,
[data-screen-label="audits"] .card .ac-body {
transition: color .22s var(--ease-out);
}
.case:hover .browse-cta, .svcd-card:hover .svcd-card__go svg,
.hc-door:hover .hc-door__go svg, .hc-case:hover .hc-case__go svg { transform: translateX(4px); }
@media (prefers-reduced-motion: reduce) {
.case, .tg-card, .hc-case, .hc-door, .hc-svc, .svcd-card, .aw-item,
[data-screen-label="services"] .grid-cards .card,
[data-screen-label="find-your-service"] .grid-cards .card,
[data-screen-label="audits"] .card { transition: none; }
}
.case:hover,
[data-screen-label="services"] .grid-cards .card:hover,
[data-screen-label="find-your-service"] .grid-cards .card:hover { background: var(--accent-main); }
.case:hover .c-badge, #cases .case:hover .c-badge {
background: rgba(255,255,255,.32);
color: var(--secondary-800) !important;
}
.case:hover .wf, #cases .case:hover .wf { border-top-color: rgba(4,28,44,.28) !important; }
.case:hover .btn--primary  {
background: var(--secondary-800) !important;
border-color: var(--secondary-800) !important;
color: #fff !important;
}
[data-screen-label="services"] .grid-cards .card:hover h4,
[data-screen-label="services"] .grid-cards .card:hover p,
[data-screen-label="services"] .grid-cards .card:hover .text-muted,
[data-screen-label="services"] .grid-cards .card:hover .text-accent,
[data-screen-label="services"] .grid-cards .card:hover .mono-tag,
[data-screen-label="services"] .grid-cards .card:hover .svc-ico,
[data-screen-label="find-your-service"] .grid-cards .card:hover h4,
[data-screen-label="find-your-service"] .grid-cards .card:hover p,
[data-screen-label="find-your-service"] .grid-cards .card:hover .text-muted,
[data-screen-label="find-your-service"] .grid-cards .card:hover .text-accent,
[data-screen-label="find-your-service"] .grid-cards .card:hover .mono-tag,
[data-screen-label="find-your-service"] .grid-cards .card:hover .svc-ico {
color: var(--secondary-800) !important;
opacity: 1;
}
[data-screen-label="services"] .grid-cards .card:hover h4,
[data-screen-label="services"] .grid-cards .card:hover p,
[data-screen-label="services"] .grid-cards .card:hover .text-muted,
[data-screen-label="services"] .grid-cards .card:hover .text-accent,
[data-screen-label="services"] .grid-cards .card:hover .mono-tag,
[data-screen-label="services"] .grid-cards .card:hover .svc-ico,
[data-screen-label="find-your-service"] .grid-cards .card:hover h4,
[data-screen-label="find-your-service"] .grid-cards .card:hover p,
[data-screen-label="find-your-service"] .grid-cards .card:hover .text-muted,
[data-screen-label="find-your-service"] .grid-cards .card:hover .text-accent,
[data-screen-label="find-your-service"] .grid-cards .card:hover .mono-tag,
[data-screen-label="find-your-service"] .grid-cards .card:hover .svc-ico {
color: #fff !important;
opacity: 1;
}
.faq-q.active + .faq-a-inline,
.faq-q[aria-expanded="true"] + .faq-a-inline {
max-width: none !important;
padding-right: var(--space-6) !important;
}
.file .chip {
background: color-mix(in srgb, var(--accent-main) 10%, transparent) !important;
border: 1.5px solid color-mix(in srgb, var(--accent-main) 45%, transparent) !important;
color: var(--primary-700) !important;
}
[data-theme="dark-section"] .file .chip {
background: rgba(255,255,255,.10) !important;
border: 1.5px solid rgba(255,255,255,.30) !important;
color: var(--text-on-dark) !important;
}
.case .c-badge, #cases .c-badge {
background: color-mix(in srgb, var(--accent-main) 12%, transparent) !important;
border: 1.5px solid color-mix(in srgb, var(--accent-main) 40%, transparent) !important;
color: var(--primary-700) !important;
}
.faq-q .faq-q-text,
[data-screen-label="faq"] .faq-q .faq-q-text {
flex: 1 1 auto !important;
text-align: left !important;
min-width: 0;
}
.faq-q::before,
[data-screen-label="faq"] .faq-q::before {
background: none !important;
color: var(--text-muted) !important;
font-family: var(--t-font-mono) !important;
font-size: var(--t-caption) !important;
font-weight: 400 !important;
letter-spacing: .1em !important;
width: auto !important;
height: auto !important;
flex: 0 0 auto !important;
min-width: 2ch;
border-radius: 0 !important;
}
#audits-top { display: block; scroll-margin-top: calc(var(--nav-total, 112px) + var(--space-6)); }
@media (max-width: 899px) {
.files { grid-template-columns: minmax(0, 1fr) !important; gap: var(--space-5) !important; }
.files .file, .file.f1, .file.f2, .file.f3, .file.f4, .file.f5 { grid-column: 1 / -1 !important; }
}
@media (min-width: 900px) and (max-width: 1199px) {
.files { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.file.f1, .file.f2, .file.f3, .file.f4, .file.f5 { grid-column: auto !important; }
.file.f5 { grid-column: 1 / -1 !important; }
}
@media (max-width: 899px) {
main h1, main h2, main h3,
main .lead, main p,
.hero h1, .audit-hero h2, .audit-hero .lead,
.motto-lede, .team-line, .prob-close, .film-foot .l,
.hc-h2, .hc-lead, .hc-hero__sub, .hc-audits .hc-h2, .hc-audits .hc-lead,
.acc-b p, .aud-note, .pane-cap,
#audits .lead, #audits2 .lead, #audits .acc-b p, #audits2 .acc-b p,
#problem > .container > .hc-lead,
.hero-proof__sub, .topform__intro h2, .topform__intro .lead,
[data-screen-label="verticals"] .container > h2,
[data-screen-label="verticals"] .container > .lead,
[data-screen-label="founders"] .team-foot .lead,
.tg-quote, .svcd-card__body, .wf-item__b, .hc-flow__b,
.faq-q.active + .faq-a-inline,
.faq-q[aria-expanded="true"] + .faq-a-inline {
max-width: 100% !important;
}
main h1, main h2, .hc-h2, .audit-hero h2 { text-wrap: balance; }
}
@media (min-width: 1100px) {
.team-board {
overflow-x: visible;
scroll-snap-type: none;
justify-content: stretch;
padding-left: 0;
padding-right: 0;
gap: var(--space-5);
position: static; left: auto; width: auto; max-width: none; margin-left: 0; margin-right: 0;
}
.team-board > * { flex: 1 1 0 !important; min-width: 0 !important; width: auto !important; }
.team-board::after { display: none; }
}
main h2, main h3 { max-width: 100% !important; }
main .lead { max-width: 100% !important; }
[data-screen-label="trust-bar"] h2 { max-width: 100% !important; text-wrap: nowrap; }
@media (max-width: 1100px) { [data-screen-label="trust-bar"] h2 { text-wrap: balance; } }
.case:hover, .case:hover * { color: #fff !important; }
.case:hover .tg-foot { border-top-color: rgba(255,255,255,.28) !important; }
.case:hover .btn--primary {
background: #fff !important; border-color: #fff !important; color: var(--secondary-800) !important;
}
.logo-marquee-row:hover .logo-marquee-track,
.logo-marquee-row:focus-within .logo-marquee-track { animation-play-state: paused; }
a.client-logo-pill { text-decoration: none; cursor: pointer; }
a.client-logo-pill:hover { border-color: var(--accent-main); }
a.client-logo-pill:focus-visible { outline: 2px solid var(--accent-main); outline-offset: 2px; }
.lw-more { margin: var(--space-8) 0 0; text-align: center; }
.lw-more a { font-size: var(--t-small); font-weight: var(--weight-semibold); color: var(--accent-main); text-decoration: none; }
.lw-more a:hover { text-decoration: underline; text-underline-offset: 3px; }
.lm-dupe { display: contents; }
/* ---- homepage ---- */
@media (min-width: 1024px) {
main > section[data-chapter="open"] { padding-top: calc(var(--section-padding-y) + var(--space-24)); }
}
@media (min-width: 1280px) {
main > section[data-chapter="open"] { padding-top: calc(var(--section-padding-y) + var(--space-32)); }
}
main > section .eyebrow { display: block; margin-bottom: var(--space-4); }
main > section > .container > h2 { margin-bottom: var(--space-6); }
main > section > .container > .lead { margin-bottom: var(--space-12); }
@media (min-width: 1024px) {
.case-grid { gap: var(--space-6); }
}
[data-screen-label="trust-bar"] { border-top-color: var(--border-default) !important; }
[data-screen-label="trust-bar"] .tb-header h2 { color: var(--text-heading); }
[data-screen-label="trust-bar"] .tb-header .lead { color: var(--text-muted); }
[data-screen-label="trust-bar"] .tb-hl { color: var(--accent-main); }
[data-screen-label="trust-bar"] .tb-rule { background: var(--border-default); border-color: var(--border-default); }
[data-screen-label="trust-bar"] .client-logo-pill { border: 1px solid var(--border-default); box-shadow: var(--shadow-surface); }
[data-screen-label="trust-bar"] .marquee-mask { -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
[data-screen-label="committee"] h2 { color: var(--text-heading); }
[data-screen-label="committee"] .lead { color: var(--text-muted); }
[data-screen-label="committee"] .file { background: var(--bg-surface); border: 1px solid var(--border-default); box-shadow: var(--shadow-surface); }
[data-screen-label="committee"] .file .id { color: var(--accent-main); }
[data-screen-label="committee"] .file h3 { color: var(--text-heading); }
[data-screen-label="committee"] .file p { color: var(--text-muted); }
[data-screen-label="committee"] .file .chip {
background: color-mix(in srgb, var(--accent-main) 10%, transparent);
border: 1.5px solid color-mix(in srgb, var(--accent-main) 45%, transparent);
color: var(--primary-700);
}
[data-screen-label="committee"] .file:hover .chip {
background: color-mix(in srgb, var(--accent-main) 18%, transparent);
border-color: var(--accent-main);
}
[data-screen-label="committee"] .com-closer { color: var(--text-heading); }
[data-screen-label="committee"] .com-closer .btn { margin-bottom: var(--space-4); }
[data-screen-label="committee"] .com-closer p { margin-bottom: var(--space-4) !important; }
[data-screen-label="contact"] h2 { color: var(--text-heading); }
[data-screen-label="contact"] .lead { color: var(--text-muted) !important; }
[data-screen-label="contact"] .contact-square { background: var(--accent-main); }
[data-screen-label="contact"] .contact-fine { color: var(--text-muted); }
[data-screen-label="contact"] .form-label { color: var(--text-heading); }
[data-screen-label="motto"] { background: var(--bg-section-dark); }
[data-screen-label="motto"] .motto-lede { color: var(--text-on-dark-muted); }
[data-screen-label="motto"] .motto-w1,
[data-screen-label="motto"] h2,
[data-screen-label="motto"] .motto-word { color: var(--text-on-dark); }
[data-screen-label="motto"] .motto-mark { background: var(--gray-0); color: var(--secondary-900); }
[data-screen-label="case-studies"] .case { border: 1px solid var(--border-default); box-shadow: var(--shadow-surface); }
[data-screen-label="motto"] .motto-word { background: transparent; color: var(--text-on-dark); }
[data-screen-label="motto"] .motto-word .o-suffix { color: var(--accent-main); }
[data-screen-label="motto"] .motto-badge {
display: block;
padding: 0;
border: none;
background: none;
border-radius: 0;
gap: 0;
color: var(--primary-300);
font-size: var(--t-small);
letter-spacing: var(--tracking-widest);
}
[data-screen-label="motto"] .motto-badge::before { display: none; }
[data-screen-label="motto"] .motto-card { background: var(--white-5); border: 1px solid var(--border-on-dark); }
[data-screen-label="motto"] .motto-card h3 { color: var(--text-on-dark); }
[data-screen-label="motto"] .motto-card h3 .o-suffix { color: var(--accent-main); }
[data-screen-label="motto"] .motto-card p { color: var(--text-on-dark-muted); }
main > section:not([data-theme="dark-section"]) .eyebrow,
main > section:not([data-theme="dark-section"]) .mono-tag,
main > section:not([data-theme="dark-section"]) .text-accent,
main > section:not([data-theme="dark-section"]) .band-label { color: var(--accent-main); }
[data-screen-label="audits"] .eyebrow,
[data-screen-label="audits"] .mono-tag { color: var(--secondary-900) !important; }
.hero-verbs { justify-content: center; text-align: center; }
.hero-verbs .o-suffix { color: var(--accent-main); }
.hero-verbs .hv-dot {
width: 22px; height: 2px; border-radius: 0;
background: var(--accent-main); opacity: .55;
}
@media (max-width: 767px) { .hero-verbs .hv-dot { width: 14px; } }
.hero-proof__card { position: relative; isolation: isolate; }
.hero-proof__card::before {
content: ""; position: absolute; inset: 0; z-index: 2;
border-radius: inherit; padding: 2px; pointer-events: none;
background: conic-gradient(from var(--proof-angle),
transparent 0deg, transparent 186deg,
var(--accent-main) 244deg, #FFD9C9 274deg, var(--accent-main) 304deg,
transparent 352deg);
-webkit-mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
-webkit-mask-composite: xor;
mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
mask-composite: exclude;
animation: proof-border 3.6s linear infinite;
}
.hero-proof__card:nth-child(1)::before { animation-delay: 0s; }
.hero-proof__card:nth-child(2)::before { animation-delay: -1.2s; }
.hero-proof__card:nth-child(3)::before { animation-delay: -2.4s; }
@media (min-width: 768px) {
.hero-proof { max-width: 1000px; }
.hero-proof__card {
padding: var(--space-10) var(--space-8);
min-height: 240px;
background: rgba(9,15,30,0.78);
border-color: rgba(255,255,255,0.20);
box-shadow: 0 26px 60px -18px rgba(0,0,0,.75),
0 0 0 1px rgba(255,255,255,.05) inset,
0 12px 40px -24px rgba(245, 101, 56,.55);
transition: transform var(--transition-base), box-shadow var(--transition-base);
}
.hero-proof__card:hover {
transform: translateY(-6px);
box-shadow: 0 34px 74px -18px rgba(0,0,0,.8),
0 0 0 1px rgba(255,255,255,.08) inset,
0 16px 52px -20px rgba(245, 101, 56,.75);
}
.hero-proof__metric { font-size: clamp(2.9rem, 4.4vw, 4.25rem); letter-spacing: -.03em; }
.hero-proof__cap { font-size: var(--t-body-lg); letter-spacing: -.01em; margin-top: var(--space-6); }
.hero-proof__sub { margin-top: var(--space-5); max-width: 24ch; }
.hero-proof__card:nth-child(1) .hero-proof__metric { animation: proof-rise .7s cubic-bezier(.16,1,.3,1) .30s both; }
.hero-proof__card:nth-child(2) .hero-proof__metric { animation: proof-rise .7s cubic-bezier(.16,1,.3,1) .45s both; }
.hero-proof__card:nth-child(3) .hero-proof__metric { animation: proof-rise .7s cubic-bezier(.16,1,.3,1) .60s both; }
}
@supports not (background: conic-gradient(from 0deg, red, blue)) {
.hero-proof__card::before { background: none; border: 2px solid var(--accent-main); padding: 0; mask: none; -webkit-mask: none; }
}
@media (prefers-reduced-motion: reduce) {
.hero-proof__card::before { animation: none; }
.hero-proof__card .hero-proof__metric { animation: none; }
}
.hero-verbs {
display: block !important;
text-align: center;
border-top: none !important;
padding-top: 0 !important;
gap: 0 !important;
margin-top: var(--space-6);
}
.hero-verbs .o-suffix { color: var(--accent-main); }
.hero-verbs .hv-dot {
display: inline-block;
width: 7px; height: 7px;
margin: 0 var(--space-6);
border-radius: 1px;
background: var(--accent-main);
transform: rotate(45deg);
vertical-align: middle;
opacity: .85;
}
@media (max-width: 767px) {
.hero-verbs .hv-dot { width: 6px; height: 6px; margin: 0 var(--space-4); }
}
@media (min-width: 1024px) {
.hero-proof__card { padding: var(--space-12) var(--space-10); min-height: 260px; }
}
@media (min-width: 768px) {
main > section[data-chapter="open"] { padding-top: calc(var(--section-padding-y) + var(--space-16)); }
}
.v1-grid { display: grid; grid-template-columns: 1fr; gap: var(--space-16); }
@media (min-width: 1024px) {
.v1-grid { grid-template-columns: minmax(0, 1fr); row-gap: var(--space-12); align-items: start; } }
.v1-row {
display: grid; grid-template-columns: 40px 1fr auto; align-items: center;
gap: var(--space-6); padding: var(--space-8) var(--space-2);
border-bottom: 1px solid var(--border-default); text-decoration: none;
transition: padding-left .35s cubic-bezier(.16,1,.3,1), background .25s;
}
.v1-row:first-child { border-top: none; }
@media (min-width: 700px) {
.v1-list .v1-n { font-size: clamp(1.15rem, 1.35vw, 1.5rem); }
.v1-list .v1-row { grid-template-columns: 30px 1fr auto; gap: var(--space-4); padding: var(--space-6) var(--space-2); }
.v1-list .v1-i { width: 26px; height: 26px; }
.v1-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-rows: repeat(4, auto);
grid-auto-flow: column;
column-gap: var(--space-10);
align-content: start;
}
.v1-row:nth-child(5) { border-top: none; }
}
.v1-row:hover { padding-left: var(--space-6); background: linear-gradient(90deg, rgba(245, 101, 56,.06), transparent 55%); }
.v1-i { width: 34px; height: 34px; color: var(--accent-main); }
.v1-i svg { width: 100%; height: 100%; display: block; }
.v1-n {
font-family: var(--t-font-display); font-weight: 800;
font-size: clamp(1.4rem, 2vw, 2rem); line-height: 1.1;
letter-spacing: -.02em; color: var(--text-heading);
}
.v1-go {
font-family: var(--t-font-body); font-size: var(--t-caption); font-weight: 700;
text-transform: uppercase; letter-spacing: .05em; color: var(--accent-main);
opacity: 0; transform: translateX(-8px); transition: opacity .25s, transform .25s;
}
.v1-row:hover .v1-go { opacity: 1; transform: none; }
.v1-metrics {
border: 1px solid var(--border-default); border-radius: var(--radius-lg);
background: var(--bg-surface); display: flex; flex-direction: column;
}
.v1-m {
display: flex; flex-direction: column; justify-content: center; gap: 2px;
padding: var(--space-6) var(--space-8); border-bottom: 1px solid var(--border-subtle);
}
.v1-m:last-child { border-bottom: none; }
@media (min-width: 1024px) {
.v1-m { flex: 1 1 auto; }
}
.v1-mt { font-family: var(--t-font-mono); font-size: var(--t-caption); font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: var(--secondary-900); }
.v1-mv { font-family: var(--t-font-display); font-weight: 800; font-size: clamp(2.1rem, 2.9vw, 3rem); line-height: 1; color: var(--accent-main); letter-spacing: -.035em; }
.v1-ml { font-size: var(--t-caption); line-height: 1.5; color: var(--text-muted); }
[data-screen-label="verticals"] .container > h2 {
font-size: clamp(24px, 2.2vw, 34px);
max-width: 75%;
}
[data-screen-label="verticals"] .container > .lead { max-width: none !important; }
[data-screen-label="verticals"] .vert-tabs {
margin: var(--space-16) 0 0;
padding-bottom: var(--space-10);
border-bottom: 1px solid var(--border-default);
}
@media (min-width: 1024px) {
.vp.active { grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); gap: var(--space-16); }
}
[data-screen-label="verticals"] .vp.active { padding-top: var(--space-12); }
.vp h3 { font-size: clamp(1.5rem, 2vw, 1.9rem); letter-spacing: -.02em; margin: 0 0 var(--space-8); }
.vp .share { margin-bottom: var(--space-4); }
.vp ul { list-style: none; margin: 0 0 var(--space-10); padding: 0; border-top: 1px solid var(--border-subtle); }
.vp ul li {
position: relative; padding: var(--space-5) 0 var(--space-5) var(--space-8);
border-bottom: 1px solid var(--border-subtle);
line-height: 1.55; color: var(--text-main);
}
.vp ul li::before {
content: ""; position: absolute; left: 0; top: calc(var(--space-5) + 8px);
width: 7px; height: 7px; border-radius: 50%; background: var(--accent-main);
}
.vp .clients { line-height: 1.7; max-width: 46ch; }
.vp .tabcta { margin-top: var(--space-8); }
.vp .pull { padding: var(--space-10); align-self: start; }
.vp .metric { margin: var(--space-8) 0; padding-top: var(--space-8); border-top: 1px solid var(--border-on-dark); }
.vp .metric .num { font-size: clamp(2.4rem, 3.4vw, 3.4rem); letter-spacing: -.035em; }
.vp .logo-row { padding-top: var(--space-6); border-top: 1px solid var(--border-on-dark); }
[data-screen-label="audits"] .audit-hero-stats {
gap: var(--space-4);
margin-top: var(--space-12);
border-top: none;
padding-top: 0;
}
[data-screen-label="audits"] .audit-hero-stat {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--space-2);
padding: var(--space-8) var(--space-6);
background: none;
border: 1.5px solid rgba(255,255,255,.55);
border-radius: var(--radius-lg);
box-shadow: none;
text-align: left;
transition: border-color var(--transition-base), background var(--transition-base);
}
[data-screen-label="audits"] .audit-hero-stat:hover {
border-color: #fff;
background: rgba(255,255,255,.08);
}
[data-screen-label="audits"] .audit-hero-stat .sv {
font-family: var(--t-font-display);
font-weight: 900;
font-size: clamp(2rem, 3.1vw, 3rem);
line-height: 1;
letter-spacing: -.035em;
color: #fff;
}
[data-screen-label="audits"] .audit-hero-stat .sl {
margin-top: 0;
font-size: var(--t-caption);
font-weight: 700;
letter-spacing: var(--tracking-wide);
text-transform: uppercase;
color: #fff;
opacity: .9;
}
@media (max-width: 700px) {
[data-screen-label="audits"] .audit-hero-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
[data-screen-label="audits"] .audit-hero-stat { padding: var(--space-6) var(--space-5); }
}
.hero-eyebrow {
background: rgba(13,20,38,0.58) !important;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
border: none !important;
border-radius: var(--radius-md);
padding: var(--space-4) var(--space-8) !important;
}
@media (max-width: 767px) {
.hero-eyebrow { padding: var(--space-3) var(--space-6) !important; }
}
.hero-verbs {
display: inline-block !important;
background: rgba(13,20,38,0.58);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
border-radius: var(--radius-md);
padding: var(--space-4) var(--space-8) !important;
}
@media (max-width: 767px) {
.hero-verbs { padding: var(--space-3) var(--space-6) !important; }
}
.audit-band .audit-v5-card,
[data-screen-label="audits"] .audit-v5-card {
position: relative;
overflow: hidden;
}
.audit-band .audit-v5-card::before,
[data-screen-label="audits"] .audit-v5-card::before {
content: "";
position: absolute; top: 0; left: 0; right: 0; height: 6px;
background: var(--ac-accent, var(--accent-main));
}
[data-screen-label="audits"] .audit-v5-card,
.audit-band .audit-v5-card {
padding-top: calc(var(--space-10) + 6px);
border: 2px solid color-mix(in srgb, var(--ac-accent) 55%, transparent);
box-shadow: 0 18px 40px -26px color-mix(in srgb, var(--ac-accent) 65%, transparent);
}
[data-screen-label="audits"] .audit-v5-card .ac-label,
.audit-band .audit-v5-card .ac-label {
display: flex;
width: 100%;
padding: var(--space-4) var(--space-5);
margin: 0 0 var(--space-2);
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--ac-accent) 12%, transparent);
}
[data-screen-label="audits"] .audit-v5-card .ac-ico,
.audit-band .audit-v5-card .ac-ico { color: #fff; }
[data-screen-label="audits"] .audit-v5-card:nth-child(1),
.audit-band .audit-v5-card:nth-child(1) { --ac-accent: var(--accent-main); }
[data-screen-label="audits"] .audit-v5-card:nth-child(2),
.audit-band .audit-v5-card:nth-child(2) { --ac-accent: var(--primary-400); }
[data-screen-label="audits"] .audit-v5-card:nth-child(3),
.audit-band .audit-v5-card:nth-child(3) { --ac-accent: var(--secondary-800); }
[data-screen-label="audits"] .audit-v5-card .ac-ico,
.audit-band .audit-v5-card .ac-ico { background: var(--ac-accent); }
[data-screen-label="audits"] .audit-v5-card .ac-label,
.audit-band .audit-v5-card .ac-label { color: var(--ac-accent); }
[data-screen-label="audits"] .audit-v5-card .ck,
.audit-band .audit-v5-card .ck { color: var(--ac-accent); }
[data-screen-label="audits"] .audit-v5-card .btn--primary,
.audit-band .audit-v5-card .btn--primary {
background: var(--ac-accent);
border-color: var(--ac-accent);
}
[data-screen-label="audits"] .audit-v5-card .btn--primary:hover,
.audit-band .audit-v5-card .btn--primary:hover {
background: color-mix(in srgb, var(--ac-accent) 82%, #000);
border-color: color-mix(in srgb, var(--ac-accent) 82%, #000);
}
@media (min-width: 700px) {
#industries .v1-row { padding: var(--space-4) var(--space-2); }
#industries .v1-i { width: 22px; height: 22px; }
#industries .v1-n { font-size: clamp(1.05rem, 1.15vw, 1.28rem); }
#industries .v1-list { column-gap: var(--space-8); }
}
@media (min-width: 1024px) {
#industries .v1-m { padding: var(--space-4) var(--space-6); }
#industries .v1-mv { font-size: clamp(1.7rem, 2.2vw, 2.2rem); }
#industries .v1-grid { gap: var(--space-12); }
}
@media (min-width: 1024px) {
#industries .v1-metrics,
.v1-metrics {
flex-direction: row;
border-radius: var(--radius-lg);
}
.v1-m {
flex: 1 1 0;
min-width: 0;
border-bottom: none;
border-right: 1px solid var(--border-subtle);
}
.v1-m:last-child { border-right: none; }
#industries .v1-grid { gap: var(--space-12); }
}
@media (min-width: 700px) {
.v1-row:nth-child(4), .v1-row:nth-child(8) { border-bottom: none; }
}
@media (max-width: 699px) {
.v1-row:nth-child(8) { border-bottom: none; }
}
@media (min-width: 900px) {
[data-screen-label="filmstrip"] .film-masonry {
display: grid;
grid-template-columns: minmax(0, 1.45fr) minmax(0, 0.85fr) minmax(0, 1.15fr) minmax(0, 0.95fr);
gap: var(--space-4);
align-items: stretch;
}
[data-screen-label="filmstrip"] .film-col:nth-child(1) { margin-top: 0 !important; }
[data-screen-label="filmstrip"] .film-col:nth-child(2) { margin-top: var(--space-20) !important; }
[data-screen-label="filmstrip"] .film-col:nth-child(3) { margin-top: var(--space-8) !important; }
[data-screen-label="filmstrip"] .film-col:nth-child(4) { margin-top: var(--space-24) !important; }
[data-screen-label="filmstrip"] .film-col { display: flex; flex-direction: column; gap: var(--space-4); height: 100%; min-width: 0; }
[data-screen-label="filmstrip"] .film-cell { min-width: 0; }
[data-screen-label="filmstrip"] .film-col .film-cell:nth-child(1) { flex: 0 0 auto; }
[data-screen-label="filmstrip"] .film-col .film-cell:nth-child(2) { flex: 1 1 auto; aspect-ratio: auto !important; min-height: 0; }
[data-screen-label="filmstrip"] .film-cell img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 50% 30%;
}
[data-screen-label="filmstrip"] .film-col:nth-child(1) .film-cell:nth-child(1) { aspect-ratio: 4 / 5; }
[data-screen-label="filmstrip"] .film-col:nth-child(1) .film-cell:nth-child(2) { aspect-ratio: 16 / 10; }
[data-screen-label="filmstrip"] .film-col:nth-child(2) .film-cell:nth-child(1) { aspect-ratio: 3 / 4; }
[data-screen-label="filmstrip"] .film-col:nth-child(2) .film-cell:nth-child(2) { aspect-ratio: 1 / 1; }
[data-screen-label="filmstrip"] .film-col:nth-child(3) .film-cell:nth-child(1) { aspect-ratio: 1 / 1; }
[data-screen-label="filmstrip"] .film-col:nth-child(3) .film-cell:nth-child(2) { aspect-ratio: 4 / 5; }
[data-screen-label="filmstrip"] .film-col:nth-child(4) .film-cell:nth-child(1) { aspect-ratio: 5 / 7; }
[data-screen-label="filmstrip"] .film-col:nth-child(4) .film-cell:nth-child(2) { aspect-ratio: 5 / 4; }
}
[data-screen-label="contact"] { background: var(--bg-section-dark); }
[data-screen-label="contact"] h2 { color: var(--text-on-dark) !important; }
[data-screen-label="contact"] .lead { color: var(--text-on-dark-muted) !important; }
[data-screen-label="contact"] .eyebrow { color: var(--primary-300) !important; }
[data-screen-label="contact"] .text-accent { color: var(--primary-300) !important; }
[data-screen-label="contact"] .contact-fine { color: var(--text-on-dark-muted); }
[data-screen-label="contact"] .form-label { color: var(--text-on-dark) !important; }
[data-screen-label="contact"] .form-input,
[data-screen-label="contact"] .form-textarea {
background: var(--white-10);
border-color: var(--white-40);
color: var(--text-on-dark);
}
[data-screen-label="contact"] .form-input::placeholder,
[data-screen-label="contact"] .form-textarea::placeholder { color: var(--white-50); }
[data-screen-label="contact"] .form-input:hover,
[data-screen-label="contact"] .form-textarea:hover { background: rgba(255,255,255,.14); }
[data-screen-label="contact"] .form-input:focus-visible,
[data-screen-label="contact"] .form-textarea:focus-visible {
outline: 3px solid var(--gray-0);
outline-offset: 2px;
border-color: var(--gray-0);
background: rgba(255,255,255,.16);
}
[data-screen-label="faq"] .faq-q-list {
counter-reset: faq;
gap: 0;
border-top: 1px solid var(--border-default);
}
[data-screen-label="faq"] .faq-item-wrap {
counter-increment: faq;
border-bottom: 1px solid var(--border-default);
}
[data-screen-label="faq"] .faq-q {
display: grid;
grid-template-columns: 3.2ch 1fr;
align-items: baseline;
gap: var(--space-5);
background: none;
border: none;
border-radius: 0;
padding: var(--space-6) var(--space-2);
position: relative;
transition: padding-left var(--transition-base), background var(--transition-base);
}
[data-screen-label="faq"] .faq-q::before {
content: counter(faq);
font-family: var(--t-font-mono);
font-size: var(--t-caption);
font-weight: 400;
letter-spacing: .1em;
color: var(--text-muted);
transition: color var(--transition-base);
}
[data-screen-label="faq"] .faq-q::after {
content: "";
position: absolute;
left: 0; bottom: -1px; height: 2px; width: 100%;
background: var(--accent-main);
transform: scaleX(0);
transform-origin: left;
transition: transform .4s cubic-bezier(.16,1,.3,1);
}
[data-screen-label="faq"] .faq-q-text {
font-family: var(--t-font-body);
font-size: var(--t-body);
font-weight: var(--weight-semibold);
line-height: 1.45;
color: var(--text-heading);
transition: color var(--transition-base);
}
[data-screen-label="faq"] .faq-q:hover:not(.active) {
background: linear-gradient(90deg, rgba(245, 101, 56,.06), transparent 60%);
border-color: transparent;
color: inherit;
padding-left: var(--space-6);
}
[data-screen-label="faq"] .faq-q:hover .faq-q-text { color: var(--accent-main); }
[data-screen-label="faq"] .faq-q:hover::before { color: var(--accent-main); }
[data-screen-label="faq"] .faq-q.active {
background: var(--secondary-800);
border-radius: var(--radius-md);
padding: calc(var(--space-6) + 2px) var(--space-5);
padding-left: var(--space-6);
}
[data-screen-label="faq"] .faq-q.active::after { display: none; }
[data-screen-label="faq"] .faq-item-wrap:has(.faq-q.active) { border-bottom-color: transparent; }
[data-screen-label="faq"] .faq-q.active::before { color: var(--primary-300); }
[data-screen-label="faq"] .faq-q.active .faq-q-text {
color: var(--text-on-dark);
font-weight: var(--weight-bold);
}
.film-foot {
width: 100%;
max-width: var(--container-max);
margin: calc(var(--space-16) + 32px) auto 0;
padding: 0 var(--container-padding-x);
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--space-8);
font-size: var(--t-small);
line-height: 1.6;
color: var(--text-on-dark-muted);
}
.film-foot b { color: var(--text-on-dark); font-weight: var(--weight-bold); }
.film-foot .l { max-width: 68ch; }
@media (min-width: 1024px) { .film-foot { margin-top: calc(var(--space-20) + 32px); } }
.file.f3, .file.f4, .file.f5 { grid-column: span 2; }
@media (max-width: 899px) { .file.f3, .file.f4, .file.f5 { grid-column: span 6; } }
#industries .v1-row { position: relative; transition: background var(--transition-base), padding-left var(--transition-base); }
#industries .v1-row::before {
content: "";
position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
background: var(--primary-400);
transform: scaleY(0); transform-origin: center;
transition: transform var(--transition-base);
}
#industries .v1-row:hover::before,
#industries .v1-row:focus-visible::before { transform: scaleY(1); }
#industries .v1-row:hover,
#industries .v1-row:focus-visible {
background: linear-gradient(90deg, rgba(245, 101, 56,.10), transparent 60%);
padding-left: var(--space-6);
outline: none;
}
#industries .v1-row:hover .v1-n,
#industries .v1-row:focus-visible .v1-n { color: var(--primary-400); }
#industries .v1-row:hover .v1-i,
#industries .v1-row:focus-visible .v1-i { color: var(--primary-400); }
#industries .v1-row .v1-go { opacity: 0; transform: translateX(-6px); transition: opacity var(--transition-base), transform var(--transition-base); }
#industries .v1-row:hover .v1-go,
#industries .v1-row:focus-visible .v1-go { opacity: 1; transform: none; }
#industries .v1-row:focus-visible { box-shadow: inset 0 0 0 2px var(--primary-400); }
[data-screen-label="faq"] .faq-split { display: block !important; }
[data-screen-label="faq"] .faq-panel { display: none !important; }
[data-screen-label="faq"] .faq-q-list { counter-reset: faq; max-width: none; margin: 0; border-top: 1px solid var(--border-default); }
[data-screen-label="faq"] .faq-q {
display: flex !important;
grid-template-columns: none !important;
align-items: center;
justify-content: space-between;
gap: var(--space-6);
padding: var(--space-6) 0 !important;
background: none !important;
border: none !important;
border-radius: 0 !important;
}
[data-screen-label="faq"] .faq-q::after {
content: "" !important;
display: block !important;
position: static !important;
flex: 0 0 30px; width: 30px; height: 30px; border-radius: 50%;
background-color: var(--bg-section-alt);
background-image: linear-gradient(var(--text-muted), var(--text-muted)), linear-gradient(var(--text-muted), var(--text-muted));
background-size: 12px 2px, 2px 12px;
background-position: center, center;
background-repeat: no-repeat;
transform: none !important;
transition: background-color var(--transition-base), transform var(--transition-base);
}
[data-screen-label="faq"] .faq-q.active::after {
background-color: var(--accent-main);
background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
transform: rotate(45deg) !important;
}
[data-screen-label="faq"] .faq-q-text { flex: 1 1 auto; min-width: 0; font-size: var(--t-body); font-weight: 700; color: var(--text-heading); text-align: left; }
[data-screen-label="faq"] .faq-q.active .faq-q-text { color: var(--text-heading) !important; }
[data-screen-label="faq"] .faq-q.active + .faq-a-inline {
display: block;
border: none !important;
background: none !important;
color: var(--text-muted) !important;
font-size: var(--t-small);
line-height: 1.75;
padding: 0 var(--space-16) var(--space-6) var(--space-8) !important;
max-width: 74ch;
}
[data-screen-label="founders"] a.team-card { display: block; text-decoration: none; transition: transform var(--transition-base); }
[data-screen-label="founders"] a.team-card img {
transition: box-shadow var(--transition-base), filter var(--transition-base), transform var(--transition-base);
}
[data-screen-label="founders"] a.team-card:hover,
[data-screen-label="founders"] a.team-card:focus-visible { transform: none; outline: none; }
[data-screen-label="founders"] a.team-card:hover img,
[data-screen-label="founders"] a.team-card:focus-visible img {
outline: 3px solid var(--accent-main);
outline-offset: -3px;
}
[data-screen-label="founders"] a.team-card:hover .team-name,
[data-screen-label="founders"] a.team-card:focus-visible .team-name { color: var(--accent-main); }
[data-screen-label="founders"] a.team-card .team-name,
[data-screen-label="founders"] a.team-card .team-role { transition: color var(--transition-base); }
[data-screen-label="founders"] .team-foot {
display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
gap: var(--space-8); margin-top: var(--space-12);
}
[data-screen-label="founders"] .team-foot .lead { flex: 1 1 32rem; max-width: 62ch; }
[data-screen-label="founders"] .team-foot .btn { flex: 0 0 auto; }
#top-form { background: var(--bg-surface); }
.topform { display: grid; grid-template-columns: 1fr; gap: var(--space-10); }
@media (min-width: 900px) {
.topform { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: var(--space-16); align-items: start; }
}
.topform__intro h2 { margin: 0 0 var(--space-4); max-width: 18ch; }
.topform__intro .lead { margin: 0; max-width: 34ch; }
@media (max-width: 899px) {
.topform__form { order: -1; }
.topform__intro h2 { max-width: none; }
}
#industries .v1-go { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
#industries .v1-swap { display: none; }
#industries .v1-swap.is-on { display: contents; }
#industries .v1-m.is-off { display: none; }
#industries .v1-logos { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4); padding: var(--space-5) var(--space-8); border-top: 1px solid var(--border-subtle); }
#industries .v1-logos img { height: 26px; width: auto; object-fit: contain; }
#industries .ind-chip { font-size: var(--t-caption); font-weight: 700; color: var(--text-muted); }
.film-foot .l { font-size: 17px; line-height: 1.6; color: rgba(255,255,255,.72); }
.film-foot .l b { color: #fff; }
[data-screen-label="audits"] .eyebrow,
[data-screen-label="audits"] .mono-tag {
color: #fff !important;
font-family: var(--t-font-body);
font-size: 19px;
}
#cases .case-empty { grid-column: 1 / -1; margin: 0; padding: var(--space-8) 0; font-size: var(--t-body); color: var(--text-muted); }
#cases .case-empty a { color: var(--accent-main); font-weight: var(--weight-semibold); }
.tg-card.is-fpo { position: relative; overflow: hidden; }
.tg-card.is-fpo::after {
content: attr(data-fpo);
position: absolute; top: 50%; left: 50%;
transform: translate(-50%, -50%) rotate(-24deg);
font-family: var(--t-font-display); font-weight: 900;
font-size: clamp(28px, 4vw, 52px); letter-spacing: .08em;
color: rgba(214, 61, 15, .16); white-space: nowrap; pointer-events: none;
}
.tg-card.is-fpo .tg-quote { font-style: italic; color: var(--text-muted); }
.case { position: relative; }
#cases .c-head {
display: flex; align-items: center; justify-content: space-between;
gap: var(--space-4); margin-bottom: var(--space-4);
}
#cases .c-head .meta { margin: 0; padding-right: 0; min-width: 0; }
#cases .c-logo { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: flex-end; max-width: 96px; }
#cases .c-logo img {
max-height: 28px; width: auto; object-fit: contain;
filter: grayscale(1); opacity: .8;
transition: filter var(--transition-base), opacity var(--transition-base);
}
#cases .case:hover .c-logo img { filter: grayscale(1); opacity: .9; }
#cases .c-mono {
width: 34px; height: 34px; border-radius: 50%;
background: var(--gray-100); color: var(--secondary-800);
font-family: var(--t-font-display); font-weight: 800; font-size: 13px;
letter-spacing: .02em;
}
#cases .c-badge {
align-self: flex-end;
margin-top: auto;
padding: 4px 10px; border-radius: var(--radius-full);
background: color-mix(in srgb, var(--accent-main) 12%, transparent);
border: 1.5px solid color-mix(in srgb, var(--accent-main) 40%, transparent);
color: var(--primary-700);
font-size: var(--t-caption); font-weight: 700; letter-spacing: .02em;
}
.case { display: flex; flex-direction: column; }
#cases .case .wf { margin-bottom: var(--space-5); }
.hs-slot {
display: flex; flex-direction: column; align-items: center; justify-content: center;
gap: var(--space-3); min-height: 420px; margin-top: var(--space-6);
background: var(--gray-0); border: 1px solid var(--gray-300);
border-radius: var(--radius-md); text-align: center;
}
.hs-slot p { margin: 0; font-family: var(--t-font-display); font-weight: 700; font-size: var(--t-body-lg); color: var(--secondary-800); }
.hs-slot__note { font-family: var(--t-font-body) !important; font-weight: 400 !important; font-size: var(--t-caption) !important; color: var(--gray-600) !important; }
#cases .c-logo img { max-width: 96px; }
.case.is-hidden { display: none !important; }
@media (max-width: 899px) {
#industries .v1-list .v1-row { grid-template-columns: 30px minmax(0, 1fr); column-gap: var(--space-4); }
#industries .v1-row .v1-go { display: none; }
#industries .v1-n { max-width: none; text-wrap: balance; }
}
#top-form .form-label { color: var(--text-heading) !important; }
#top-form .contact-fine { color: var(--gray-500) !important; }
#top-form .contact-fine a { color: var(--gray-500) !important; text-decoration: underline; }
#top-form .contact-fine a:hover { color: var(--accent-main) !important; }
#top-form .form-input,
#top-form .form-textarea {
background: var(--gray-0) !important;
color: var(--gray-900) !important;
border: 1px solid var(--gray-300) !important;
}
#top-form .form-input::placeholder,
#top-form .form-textarea::placeholder { color: var(--gray-500) !important; }
#top-form .form-input:focus-visible,
#top-form .form-textarea:focus-visible {
outline: 2px solid var(--accent-main) !important;
outline-offset: 1px;
border-color: var(--accent-main) !important;
}
main > section { padding-top: var(--section-padding-y); padding-bottom: var(--section-padding-y); }
#top-form { padding-bottom: var(--section-padding-y) !important; }
main > section[data-screen-label="hero"] { padding-top: var(--section-padding-y); padding-bottom: var(--section-padding-y); }
#audits, #audits2 { padding: calc(var(--section-padding-y) + var(--space-6)) 0; }
.team-sec { padding-block: 0 !important; }
#pricing { background: var(--bg-surface); }
.pricing { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-10); }
@media (min-width: 1024px) {
.pricing { grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: var(--space-16); align-items: center; }
}
.pricing__left .lead { margin-top: var(--space-6); }
.pricing__note {
margin-top: var(--space-6); padding-top: var(--space-5);
border-top: 1px solid var(--border-default);
font-size: var(--t-small); color: var(--text-muted);
}
.pricing__card {
padding: var(--space-8);
background: var(--gray-0);
border: 1px solid var(--border-default);
border-radius: var(--radius-lg);
box-shadow: var(--shadow-surface);
}
.pricing__card h3 {
font-family: var(--t-font-display); font-weight: 800;
font-size: var(--text-lg); line-height: 1.25;
color: var(--text-heading); margin: 0 0 var(--space-6);
}
.svct { display: flex; flex-direction: column; gap: var(--space-6); margin-top: var(--space-12); }
.svct__t1, .svct__t2 { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-5); }
@media (min-width: 900px) {
.svct__t1 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); }
.svct__t2 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); }
}
.svct-card {
display: flex; flex-direction: column; gap: var(--space-4);
height: 100%; padding: var(--space-8);
background: var(--white-5);
border: 1px solid var(--border-on-dark);
border-radius: var(--radius-lg);
text-decoration: none;
transition: transform var(--transition-base), border-color var(--transition-base), background var(--transition-base);
}
.svct-card:hover { transform: translateY(-3px); border-color: var(--primary-300); background: rgba(255,255,255,.09); }
.svct-card:focus-visible { outline: 2px solid var(--gray-0); outline-offset: 3px; }
.svct-card--lg { padding: var(--space-10); }
.svct-card--lg h3 { font-size: var(--text-2xl); }
.svct-card h3 {
font-family: var(--t-font-display); font-weight: 800;
font-size: var(--text-lg); line-height: 1.2;
letter-spacing: var(--tracking-tight); color: var(--text-on-dark); margin: 0;
}
.svct__body { font-size: var(--t-small); line-height: 1.65; color: var(--text-on-dark-muted); margin: 0; }
.svct__b { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-3); }
.svct__b li {
position: relative; padding-left: var(--space-6);
font-size: var(--t-small); line-height: 1.55; color: var(--text-on-dark);
}
.svct__b li::before {
content: ""; position: absolute; left: 0; top: .55em;
width: 7px; height: 7px; border-radius: 50%; background: var(--accent-main);
}
.svct__proof {
margin: 0; padding-top: var(--space-4);
border-top: 1px solid var(--border-on-dark);
font-size: var(--t-caption); font-weight: 700; color: var(--primary-300);
}
.svct__go {
margin-top: auto; padding-top: var(--space-5);
font-size: var(--t-caption); font-weight: 700;
letter-spacing: .04em; text-transform: uppercase; color: var(--primary-300);
}
.svct-card:hover .svct__go { color: var(--text-on-dark); }
.svct__t3 { padding-top: var(--space-8); border-top: 1px solid var(--border-on-dark); }
.svct__t3h {
font-family: var(--t-font-mono); font-size: var(--t-caption); font-weight: 700;
letter-spacing: var(--tracking-wide); text-transform: uppercase;
color: var(--text-on-dark-muted); margin: 0 0 var(--space-4);
}
.svct__strip { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 0; }
.svct__strip a {
min-height: 44px; display: inline-flex; align-items: center;
font-size: var(--t-body); font-weight: 700; color: var(--text-on-dark);
text-decoration: none; transition: color var(--transition-base);
}
.svct__strip a:hover { color: var(--primary-300); text-decoration: underline; }
.svct__sep { color: var(--text-on-dark-muted); padding: 0 var(--space-4); }
main > section[data-chapter="open"] { padding-top: var(--section-padding-y) !important; }
.case:hover, .case:hover *  { color: #fff !important; }
.case:hover .c-mono  {
background: rgba(255,255,255,.22) !important;
color: #fff !important;
}
.case:hover .c-badge {
background: rgba(255,255,255,.22) !important;
border-color: rgba(255,255,255,.45) !important;
color: #fff !important;
}
.case:hover .tg-foot  { border-top-color: rgba(255,255,255,.28) !important; }
.case:hover .btn--primary  {
background: #fff !important; border-color: #fff !important; color: var(--secondary-800) !important;
}
#cases .case { position: relative; }
#cases .c-logo {
position: absolute; top: var(--space-6); right: var(--space-6);
display: grid; place-items: center;
width: 44px; height: 44px; max-width: none; flex: none;
}
#cases .c-mono { display: grid; place-items: center; width: 44px; height: 44px; line-height: 1; text-align: center; }
#cases .c-logo img { max-height: 32px; max-width: 44px; }
.com-send {
display: flex; flex-wrap: wrap; align-items: baseline;
gap: var(--space-3) var(--space-6);
margin: var(--space-8) 0 0;
padding-top: var(--space-6);
border-top: 1px solid var(--border-default);
}
.com-send > a:first-child {
font-family: var(--t-font-body); font-size: var(--t-body);
font-weight: var(--weight-semibold); color: var(--accent-main);
text-decoration: none;
}
.com-send > a:first-child:hover { text-decoration: underline; text-underline-offset: 3px; }
.com-send__alt {
font-size: var(--t-small); color: var(--text-muted);
text-decoration: underline; text-underline-offset: 3px;
}
.com-send__alt:hover { color: var(--accent-main); }
.lw-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px 24px;
max-width: 1200px;
margin: var(--space-10) auto 0;
padding: 0;
list-style: none;
}
.lw-cell { display: flex; }
.lw-link {
display: grid;
place-items: center;
width: 100%;
min-height: 74px;
padding: 12px 16px;
background: var(--gray-0);
border: 1px solid var(--border-default);
border-radius: 12px;
text-decoration: none;
transition: border-color var(--transition-base), box-shadow var(--transition-base);
}
.lw-link img {
max-height: 28px;
max-width: 100%;
width: auto;
object-fit: contain;
filter: grayscale(1);
opacity: .72;
transition: filter var(--transition-base), opacity var(--transition-base);
}
.lw-link:hover img, .lw-link:focus-visible img { filter: none; opacity: 1; }
.lw-link:hover { border-color: var(--accent-main); box-shadow: var(--shadow-surface); }
.lw-link:focus-visible { outline: 3px solid var(--accent-main); outline-offset: 2px; }
.lw-word {
font-family: var(--t-font-display);
font-weight: 700;
font-size: 14px;
line-height: 1.2;
letter-spacing: -.01em;
text-align: center;
color: var(--gray-500);
transition: color var(--transition-base);
}
.lw-link:hover .lw-word, .lw-link:focus-visible .lw-word { color: var(--secondary-800); }
.lw-more { margin: var(--space-8) 0 0; }
.lw-more a {
font-size: var(--t-small);
font-weight: var(--weight-semibold);
color: var(--accent-main);
text-decoration: none;
}
.lw-more a:hover { text-decoration: underline; text-underline-offset: 3px; }
@media (min-width: 480px)  { .lw-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lw-cell:nth-child(n+7)  { display: none; } }
@media (min-width: 640px)  { .lw-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lw-cell:nth-child(n+7)  { display: flex; } .lw-cell:nth-child(n+9)  { display: none; } }
@media (min-width: 900px)  { .lw-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } .lw-cell:nth-child(n+9)  { display: flex; } .lw-cell:nth-child(n+11) { display: none; } }
@media (min-width: 1200px) { .lw-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } .lw-cell:nth-child(n+11) { display: flex; } .lw-cell:nth-child(n+13) { display: none; } }
@media (min-width: 1440px) { .lw-grid { grid-template-columns: repeat(8, minmax(0, 1fr)); } .lw-cell:nth-child(n+13) { display: flex; } }
@media (max-width: 479px) {
.lw-grid {
display: flex;
flex-wrap: nowrap;
width: max-content;
gap: 16px;
animation: lw-scroll 34s linear infinite;
}
.lw-cell:nth-child(n+9) { display: none; }
.lw-link { min-height: 64px; width: 148px; }
.lw-link img { max-height: 24px; }
.tb-wall {
overflow: hidden;
-webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
@keyframes lw-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
}
@media (prefers-reduced-motion: reduce) { .lw-grid { animation: none; } }
.v1-logos img[src*="dolby"] { max-height: 26px; }
.v1-logos img[src*="partyslate"] { max-height: 14px; }
.v1-logos img[src*="unity-communications"] { max-height: 17px; }
.v1-logos img[src*="cjp"] { max-height: 27px; }
.v1-size {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: var(--space-6);
margin-top: var(--space-12);
padding-top: var(--space-10);
border-top: 1px solid var(--border-default);
}
@media (min-width: 900px) {
.v1-size { grid-template-columns: 150px minmax(0, 1.1fr) minmax(0, .9fr); gap: var(--space-10); align-items: start; }
}
.v1-size__k {
font-family: var(--t-font-mono);
font-size: var(--t-caption);
font-weight: var(--weight-semibold);
letter-spacing: var(--tracking-wide);
text-transform: uppercase;
color: var(--accent-main);
}
.v1-size__bars { display: flex; flex-direction: column; gap: var(--space-4); margin: 0; padding: 0; list-style: none; }
.v1-size__bars li {
display: grid;
grid-template-columns: 78px minmax(0, 1fr) 42px;
align-items: center;
gap: var(--space-4);
}
.v1-size__r { font-size: var(--t-small); font-weight: var(--weight-semibold); color: var(--text-muted); white-space: nowrap; }
.v1-size__bar {
position: relative;
height: 8px;
border-radius: var(--radius-full);
background: var(--bg-section-alt);
overflow: hidden;
}
.v1-size__bar::after {
content: "";
position: absolute; inset: 0 auto 0 0;
width: var(--w, 0%);
border-radius: var(--radius-full);
background: var(--gray-300);
}
.v1-size__p {
font-family: var(--t-font-display);
font-weight: 800;
font-size: var(--t-body);
line-height: 1;
text-align: right;
color: var(--text-muted);
}
.v1-size__bars .is-lead .v1-size__r { color: var(--text-heading); }
.v1-size__bars .is-lead .v1-size__bar::after { background: var(--accent-main); }
.v1-size__bars .is-lead .v1-size__p { color: var(--accent-main); font-size: var(--text-lg); }
.v1-size__note { margin: 0; font-size: var(--t-small); line-height: 1.6; color: var(--text-muted); }
@media (max-width: 899px) {
.v1-size__bars li { grid-template-columns: 72px minmax(0, 1fr) 38px; }
}
#industries .v1-logos img + img {
margin-left: 10px;
padding-left: 10px;
border-left: 1px solid var(--border-default);
}
.lw-link img[src*="mcgraw-hill"] { max-height: 34px; }
.lw-link img[src*="potatoes-usa"] { max-height: 26px; }
#cases .c-logo {
width: auto;
height: 26px;
max-width: 128px;
justify-items: end;
place-items: center end;
}
#cases .c-logo img {
max-height: 26px;
max-width: 128px;
width: auto;
height: auto;
object-fit: contain;
}
#cases .c-logo img[src*="athenahealth"] { max-height: 20px; }
#cases .c-logo img[src*="connexpay"] { max-height: 22px; }
@media (max-width: 899px) {
#cases .c-logo { max-width: 96px; height: 22px; }
#cases .c-logo img { max-height: 22px; max-width: 96px; }
}
#cases .case:hover .meta,
#cases .case:hover .client,
#cases .case:hover h4,
#cases .case:hover .wf,
#cases .case:hover .wf b,
#cases .case:hover .body,
#cases .case:hover .browse-cta { color: #fff !important; }
#cases .case:hover .wf { border-top-color: rgba(255,255,255,.32) !important; }
#cases .case:hover .c-badge {
background: rgba(255,255,255,.10) !important;
border-color: rgba(255,255,255,.55) !important;
color: #fff !important;
}
#cases a.case::after { transform-origin: right center; }
#cases a.case:hover::after { background: #fff; }
#cases a.case.browse:hover::after { background: var(--accent-main); }
[data-screen-label="audits"] .audit-v5-card:nth-child(1),
.audit-band .audit-v5-card:nth-child(1) {
--ac-accent: var(--primary-500);
--ac-tint: #FEF0EB;
}
[data-screen-label="audits"] .audit-v5-card:nth-child(2),
.audit-band .audit-v5-card:nth-child(2) {
--ac-accent: var(--secondary-500);
--ac-tint: #E8EEF2;
}
[data-screen-label="audits"] .audit-v5-card:nth-child(3),
.audit-band .audit-v5-card:nth-child(3) {
--ac-accent: var(--secondary-800);
--ac-tint: #ECEEF0;
}
[data-screen-label="audits"] .audit-v5-card .ac-label,
.audit-band .audit-v5-card .ac-label { background: var(--ac-tint); }
[data-screen-label="audits"] .audit-v5-card .ac-q,
.audit-band .audit-v5-card .ac-q { color: var(--ac-accent); }
[data-screen-label="audits"] .audit-v5-card:nth-child(1),
.audit-band .audit-v5-card:nth-child(1) { --ac-text: var(--primary-600); }
[data-screen-label="audits"] .audit-v5-card:nth-child(2),
.audit-band .audit-v5-card:nth-child(2) { --ac-text: var(--secondary-500); }
[data-screen-label="audits"] .audit-v5-card:nth-child(3),
.audit-band .audit-v5-card:nth-child(3) { --ac-text: var(--secondary-800); }
[data-screen-label="audits"] .audit-v5-card .ac-q,
.audit-band .audit-v5-card .ac-q { color: var(--ac-text); }
[data-screen-label="audits"] .audit-v5-card .ac-label,
.audit-band .audit-v5-card .ac-label { color: var(--ac-text); }
[data-screen-label="audits"] .audit-v5-card .btn--primary,
.audit-band .audit-v5-card .btn--primary {
background: var(--ac-text) !important;
border-color: var(--ac-text) !important;
color: #fff !important;
}
#industries .v1-logos { justify-content: flex-end; }
#industries .v1-logos img[src*="omron"] { filter: brightness(0); }
#industries .v1-logos img[src*="tidewater"],
#industries .v1-logos img[src*="lifemoves"] { mix-blend-mode: multiply; }
#industries .v1-logos .v1-wordmark {
font-family: var(--t-font-display); font-weight: 700;
font-size: var(--t-caption); line-height: 26px;
letter-spacing: -.01em; color: var(--gray-600); white-space: nowrap;
}
#industries .v1-logos img + .v1-wordmark,
#industries .v1-logos .v1-wordmark + img { margin-left: 10px; padding-left: 10px; border-left: 1px solid var(--border-default); }
#pricing .pricing__card { background: var(--secondary-800); border: none; box-shadow: var(--shadow-lg, 0 18px 40px -18px rgba(4,28,44,.45)); padding: var(--space-6) var(--space-6) var(--space-12); }
#pricing .pricing__card h3 { color: #fff; font-size: var(--t-body); text-align: center; padding-top: var(--space-12); padding-bottom: var(--space-6); margin: 0; }
#pricing .meetings-iframe-container { margin-top: 0; border-radius: 10px; overflow: hidden; background: transparent; min-height: 0 !important; height: auto !important; }
#pricing .meetings-iframe-container iframe { display: block; width: 100%; border: 0; height: 592px !important; min-height: 0 !important; min-width: 100% !important; max-width: 100% !important; }
@media (min-width: 1024px) {
#pricing .pricing__card { padding: var(--space-6) var(--space-6) var(--space-12); }
#pricing .meetings-iframe-container iframe { height: 592px !important; min-height: 0 !important; }
}
@media (max-width: 599px) {
#pricing .pricing__card { padding: var(--space-5) var(--space-5) var(--space-12); }
#pricing .meetings-iframe-container iframe { height: 580px !important; min-height: 0 !important; }
}
.path--2 { background: var(--secondary-800); border: 1px solid rgba(255,255,255,.2); }
.path .toggle { background: rgba(255,255,255,.08); }
@media (max-width: 767px) {
.hero-eyebrow {
display: block !important;
width: fit-content;
margin-left: auto !important;
margin-right: auto !important;
font-size: clamp(15px, 4.4vw, 20px) !important;
letter-spacing: .04em !important;
white-space: nowrap;
text-align: center;
}
.hero-verbs {
margin-left: auto !important;
margin-right: auto !important;
text-align: center;
}
.hero__content { align-items: center; }
.hero__content > * { margin-left: auto; margin-right: auto; }
}
@media (max-width: 359px) {
.hero-eyebrow { font-size: 14px !important; letter-spacing: .02em !important; }
}
.lw-more { margin-top: var(--space-12); }
.v1-m, #industries .v1-m { justify-content: flex-start; }
@media (min-width: 1024px) and (max-width: 1199px) { .v1-metrics { min-height: 156px; } }
@media (min-width: 1200px) { .v1-metrics { min-height: 140px; } }
@media (min-width: 1024px) { #industries .v1-metrics > .v1-m, #industries .v1-swap.is-on > .v1-m, #industries .v1-swap.is-on > .v1-logos { min-height: 100%; align-self: stretch; } }
@media (min-width: 900px) {
.v1-size { grid-template-columns: 150px minmax(0, 1fr); }
.v1-size__note { grid-column: 1 / -1; max-width: none; }
}
@media (min-width: 1024px) {
[data-screen-label="stats"] .bigstat-row { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 900px) {
.vp.active { align-items: stretch; }
}
.vp .pull { display: flex; flex-direction: column; justify-content: space-between; gap: var(--space-6); align-self: stretch; padding: var(--space-6); }
.vp .quote-row { flex: 0 0 auto; }
.vp .metrics { flex: 0 0 auto; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 0; margin: 0; padding: var(--space-5) 0; border-top: 1px solid var(--border-on-dark); border-bottom: 1px solid var(--border-on-dark); }
.vp .metric { margin: 0; padding: 0 var(--space-5) 0 0; border: 0; }
.vp .metric + .metric { padding: 0 0 0 var(--space-5); border-left: 1px solid var(--border-on-dark); }
.vp .metric .num { font-size: clamp(1.9rem, 2.4vw, 2.5rem); }
.vp .logo-row { flex: 0 0 auto; margin: 0; padding: 0; border: 0; min-height: 0; }
.vp .logo-row img { max-height: 28px; }
.vp .logo-row img[src*="fresh-thyme"] { max-height: 34px; }
.vp.active .reveal { opacity: 1; transform: none; }
#industries .v1-m--swap { flex-direction: row; align-items: center; gap: var(--space-4); justify-content: flex-start; }
#industries .v1-mi { flex: none; width: 64px; height: 64px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--accent-main); background: color-mix(in srgb, var(--accent-main) 12%, transparent); }
#industries .v1-mi svg { width: 30px; height: 30px; }
#industries .v1-mb { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
#industries .v1-m--swap .v1-mv { font-size: clamp(2.2rem, 2.8vw, 2.8rem); }
#industries .v1-m--swap .v1-ml { font-size: var(--t-caption); line-height: 1.4; }
#industries .v1-logos { padding-left: var(--space-6); padding-right: var(--space-6); }
.vp .pull { padding: var(--space-16); }
.vp .q { padding-right: var(--space-4); }
.vp .clients { max-width: none; display: block; }
.vp .clients-pre { display: block; margin-bottom: var(--space-3); }
.vp .client-chips { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.vp .client-chip { display: inline-block; font-size: var(--text-xs); font-weight: var(--weight-semibold); line-height: 1.2; padding: 6px 12px; border-radius: var(--radius-full); color: var(--primary-700); background: color-mix(in srgb, var(--accent-main) 10%, transparent); border: 1.5px solid color-mix(in srgb, var(--accent-main) 45%, transparent); text-decoration: none; }
.vp .client-chip:hover { background: color-mix(in srgb, var(--accent-main) 18%, transparent); }
[data-screen-label="faq"] .faq-q::before { flex: 0 0 24px !important; width: 24px !important; min-width: 24px; }
[data-screen-label="faq"] .faq-q.active + .faq-a-inline { padding-left: calc(24px + var(--space-6)) !important; }
[data-screen-label="two-paths"] .paths-grid { position: relative; gap: var(--space-10); align-items: stretch; }
[data-screen-label="two-paths"] .path { display: flex; flex-direction: column; padding: var(--space-12); background: var(--secondary-800); border: 1px solid var(--border-on-dark); border-radius: var(--radius-2xl); }
[data-screen-label="two-paths"] .path--1 { border-color: color-mix(in srgb, var(--accent-main) 28%, transparent); }
[data-screen-label="two-paths"] .phead { display: flex; align-items: center; gap: var(--space-5); margin-bottom: var(--space-6); }
[data-screen-label="two-paths"] .phead__ic { flex: none; width: 38px; height: 38px; border-radius: var(--radius-md); background: color-mix(in srgb, var(--accent-main) 14%, transparent); color: var(--primary-400); display: flex; align-items: center; justify-content: center; }
[data-screen-label="two-paths"] .phead__ic svg { width: 20px; height: 20px; }
[data-screen-label="two-paths"] .phead__k { font-family: var(--t-font-mono); font-size: var(--text-xs); letter-spacing: var(--tracking-wider); text-transform: uppercase; color: var(--primary-400); font-weight: 700; }
[data-screen-label="two-paths"] .phead__k b { color: var(--text-on-dark-muted); }
[data-screen-label="two-paths"] .path h3 { color: var(--text-on-dark); font-size: var(--text-2xl); margin: 0 0 var(--space-4); }
[data-screen-label="two-paths"] .path .path__lead { color: var(--text-on-dark-muted); font-size: var(--t-small); line-height: 1.6; margin: 0 0 var(--space-10); }
[data-screen-label="two-paths"] .pick { display: flex; align-items: center; gap: var(--space-6); background: color-mix(in srgb, var(--accent-main) 10%, transparent); border: 1px solid color-mix(in srgb, var(--accent-main) 34%, transparent); border-radius: var(--radius-lg); padding: var(--space-8); color: var(--text-on-dark); text-decoration: none; margin-bottom: var(--space-8); transition: background var(--transition-base); }
[data-screen-label="two-paths"] .pick:hover { background: color-mix(in srgb, var(--accent-main) 16%, transparent); color: var(--text-on-dark); }
[data-screen-label="two-paths"] .pick:hover .pick__arrow { transform: translateX(3px); }
[data-screen-label="two-paths"] .pick__t { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
[data-screen-label="two-paths"] .pick__n { font-size: var(--t-body); font-weight: 800; display: flex; align-items: center; gap: var(--space-4); flex-wrap: wrap; }
[data-screen-label="two-paths"] .pick__q { font-size: var(--t-caption); color: var(--text-on-dark-muted); }
[data-screen-label="two-paths"] .pick__arrow { color: var(--primary-400); font-size: var(--text-xl); flex: none; transition: transform var(--transition-base); }
[data-screen-label="two-paths"] .tag-pop { font-size: 10px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--gray-0); background: var(--primary-600); border-radius: var(--radius-full); padding: 2px 8px; }
[data-screen-label="two-paths"] .orlabel { font-family: var(--t-font-mono); font-size: 11px; letter-spacing: .07em; text-transform: uppercase; color: var(--text-on-dark-muted); font-weight: 700; margin: 0 0 var(--space-2); }
[data-screen-label="two-paths"] .audits { display: flex; flex-direction: column; margin: 0 0 var(--space-8); }
[data-screen-label="two-paths"] .audit { display: flex; align-items: center; gap: var(--space-6); padding: var(--space-6) 2px; border-bottom: 1px solid var(--border-on-dark); color: var(--text-on-dark); text-decoration: none; transition: padding-left var(--transition-base); }
[data-screen-label="two-paths"] .audit:first-child { border-top: 1px solid var(--border-on-dark); }
[data-screen-label="two-paths"] .audit:hover { padding-left: var(--space-4); color: var(--text-on-dark); }
[data-screen-label="two-paths"] .audit:hover .audit__arrow { color: var(--primary-400); transform: translateX(2px); }
[data-screen-label="two-paths"] .audit__t { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
[data-screen-label="two-paths"] .audit__n { font-size: var(--t-small); font-weight: 700; }
[data-screen-label="two-paths"] .audit__q { font-size: var(--t-caption); color: var(--text-on-dark-muted); }
[data-screen-label="two-paths"] .audit__arrow { flex: none; color: var(--text-on-dark-muted); transition: transform var(--transition-base), color var(--transition-base); }
[data-screen-label="two-paths"] .toolslink { color: var(--primary-400); font-weight: 700; font-size: var(--t-small); text-decoration: none; display: inline-block; }
[data-screen-label="two-paths"] .toolslink:hover { text-decoration: underline; }
[data-screen-label="two-paths"] .benefits { display: flex; flex-wrap: wrap; gap: var(--space-4) var(--space-10); margin-top: auto; padding-top: var(--space-8); font-size: var(--t-caption); color: var(--text-on-dark-muted); border-top: 1px solid var(--border-on-dark); }
[data-screen-label="two-paths"] .toolslink + .benefits { margin-top: var(--space-8); }
[data-screen-label="two-paths"] .benefits span { display: inline-flex; align-items: center; gap: 7px; }
[data-screen-label="two-paths"] .benefits span::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--accent-main); flex: none; }
[data-screen-label="two-paths"] .meet { background: var(--bg-section-dark); border: 1px solid var(--border-on-dark); border-radius: var(--radius-lg); padding: var(--space-10) var(--space-10) var(--space-8); color: var(--text-on-dark); margin-top: auto; }
[data-screen-label="two-paths"] .meet__who { display: flex; align-items: center; gap: var(--space-6); margin-bottom: var(--space-6); }
[data-screen-label="two-paths"] .meet__av img { width: 46px !important; height: 46px !important; border-radius: 50%; object-fit: cover; display: block; }
[data-screen-label="two-paths"] .meet__name { font-size: var(--t-small); font-weight: 700; color: var(--text-on-dark); }
[data-screen-label="two-paths"] .meet__name span { display: block; font-size: var(--t-caption); font-weight: 400; color: var(--text-on-dark-muted); }
[data-screen-label="two-paths"] .meet__cal { min-height: 420px; border-radius: var(--radius-md); background: color-mix(in srgb, var(--gray-0) 6%, transparent); position: relative; }
[data-screen-label="two-paths"] .meet__cal::before { content: "Loading calendar"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: var(--t-caption); color: var(--text-on-dark-muted); }
[data-screen-label="two-paths"] .meet__cal .meetings-iframe-container { min-height: 420px; position: relative; z-index: 1; }
[data-screen-label="two-paths"] .or { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 46px; height: 46px; border-radius: 50%; background: var(--bg-section-dark); border: 1px solid var(--border-on-dark); display: flex; align-items: center; justify-content: center; font-size: var(--text-xs); font-weight: 800; color: var(--text-on-dark-muted); text-transform: uppercase; letter-spacing: .04em; z-index: 3; }
@media (max-width: 899px) {
[data-screen-label="two-paths"] .or { position: static; transform: none; margin: 0 auto; }
[data-screen-label="two-paths"] .path { padding: var(--space-8); }
}
[data-screen-label="stats"] { padding-top: var(--space-32) !important; }
[data-screen-label="stats"] { padding-bottom: 0 !important; }
[data-screen-label="stats"] .container { padding-bottom: 100px !important; }
[data-screen-label="stats"] .deco-trend { height: 80px; }
[data-screen-label="faq"] .faq-q:focus:not(:focus-visible) { outline: none; }
.urgency-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 900; background: var(--accent-main); box-shadow: 0 -6px 24px rgba(0,0,0,.22); transform: translateY(0); transition: transform .4s var(--ease-out); }
.urgency-bar.is-hidden { transform: translateY(110%); }
.urgency-bar__inner { max-width: var(--container-max, 1200px); margin: 0 auto; padding: 14px var(--container-padding-x, 24px); display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); }
.urgency-bar__text { margin: 0; display: flex; align-items: center; gap: var(--space-3); color: var(--gray-0); font-family: var(--t-font-body); font-size: var(--t-small); font-weight: 600; letter-spacing: .04em; text-transform: uppercase; line-height: 1.35; min-width: 0; }
.urgency-bar__text strong { font-weight: 800; }
.urgency-bar__dot { flex: none; width: 9px; height: 9px; border-radius: 999px; background: var(--gray-0); animation: urgency-pulse 1.8s ease-in-out infinite; }
.urgency-bar__actions { display: flex; align-items: center; gap: var(--space-4); flex: none; }
.urgency-bar__cta { display: inline-flex; align-items: center; background: var(--gray-0); color: var(--primary-400); font-family: var(--t-font-body); font-weight: 700; font-size: var(--t-small); text-decoration: none; white-space: nowrap; height: 40px; padding: 0 var(--space-6); border-radius: 999px; transition: background .18s var(--ease-out), color .18s var(--ease-out), transform .18s var(--ease-out); }
.urgency-bar__cta:hover { background: var(--secondary-800); color: var(--gray-0); transform: translateY(-1px); }
.urgency-bar__close { flex: none; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; border: none; background: rgba(255,255,255,.18); color: var(--gray-0); border-radius: 999px; cursor: pointer; padding: 0; transition: background .18s var(--ease-out); }
.urgency-bar__close:hover { background: rgba(255,255,255,.34); }
.urgency-bar__close svg { width: 15px; height: 15px; }
body:has(.urgency-bar:not(.is-hidden)) { padding-bottom: 68px; }
@media (prefers-reduced-motion: reduce) { .urgency-bar__dot { animation: none; } }
@media (max-width: 760px) {
.urgency-bar__inner { display: grid; grid-template-columns: minmax(0,1fr) 32px; grid-template-areas: "txt x" "acts acts"; gap: 8px 10px; padding: 10px 12px 12px 16px; }
.urgency-bar__text { grid-area: txt; align-self: center; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.urgency-bar__dot { display: inline-block; vertical-align: middle; margin-right: 8px; }
.urgency-bar__actions { display: contents; }
.urgency-bar__close { grid-area: x; width: 32px; height: 32px; align-self: start; }
.urgency-bar__cta { grid-area: acts; justify-content: center; min-height: 40px; height: auto; padding: 0 12px; font-size: 13px; color: var(--secondary-900); }
body:has(.urgency-bar:not(.is-hidden)) { padding-bottom: 104px; }
}
.dap-form-shortcode .hs-form.dap-hs-styled .hs_error_rollup { order: 1; }
.dap-form-shortcode .hs-form.dap-hs-styled .hs_submit { order: 2; }
.dap-form-shortcode .hs-form.dap-hs-styled fieldset:has(.hs-richtext),
.dap-form-shortcode .hs-form.dap-hs-styled fieldset:has(.legal-consent-container),
.dap-form-shortcode .hs-form.dap-hs-styled > .legal-consent-container { order: 3; }
.dap-form-shortcode .hs-form.dap-hs-styled .hs_recaptcha { order: 4; }
.dap-form-shortcode .hs-form.dap-hs-styled .hs-form-required { display: none; }
.dap-form-shortcode .hs-form.dap-hs-styled .hs-form-field > label:not(#dap-hb) { color: var(--text-heading) !important; font-weight: var(--weight-semibold) !important; letter-spacing: 0; }
.dap-form-shortcode .hs-form .hs-input:not(#dap-hb),
.dap-form-shortcode .hs-form textarea.hs-input:not(#dap-hb) { border-radius: var(--radius-md) !important; background: var(--gray-0) !important; border: 1px solid var(--gray-300) !important; }
.dap-form-shortcode .hs-form .hs-richtext,
.dap-form-shortcode .hs-form .hs-richtext p { font-size: var(--t-caption) !important; line-height: 1.6; color: var(--text-muted) !important; margin: 0 !important; }
.dap-form-shortcode .hs-form .hs-richtext a { color: var(--primary-700) !important; text-decoration: underline; text-underline-offset: 2px; }
.hc-formcard__note { margin: var(--space-6) 0 0; padding-top: var(--space-5); border-top: 1px solid var(--border-default); font-size: var(--t-small); line-height: 1.55; color: var(--text-muted); text-align: center; }
.hc-formcard__note b { color: var(--text-heading); font-weight: var(--weight-bold); }
.hc-formcard__note a { color: var(--primary-700); font-weight: var(--weight-semibold); text-decoration: underline; text-underline-offset: 3px; }
.hc-formcard__note a:hover { color: var(--accent-main); }
[data-screen-label="contact"][data-screen-label] .dap-form-shortcode { background: var(--gray-0); border-radius: var(--radius-lg); padding: var(--space-10); box-shadow: var(--shadow-raised); }
[data-screen-label="contact"][data-screen-label] .dap-form-shortcode .hs-form .hs-form-field > label:not(#dap-hb) { color: var(--text-heading) !important; }
[data-screen-label="contact"][data-screen-label] .dap-form-shortcode .hs-form .hs-input:not(#dap-hb) { background: var(--gray-0) !important; border-color: var(--gray-300) !important; color: var(--gray-900) !important; }
[data-screen-label="contact"][data-screen-label] .dap-form-shortcode .hs-form .hs-input:not(#dap-hb)::placeholder { color: var(--gray-500) !important; }
[data-screen-label="contact"][data-screen-label] .dap-form-shortcode .hs-form .hs-input:not(#dap-hb):focus-visible { outline: none; border-color: var(--accent-main) !important; }
[data-screen-label="contact"][data-screen-label] .dap-form-shortcode .hs-form .hs-richtext,
[data-screen-label="contact"][data-screen-label] .dap-form-shortcode .hs-form .hs-richtext p,
[data-screen-label="contact"][data-screen-label] .dap-form-shortcode .hs-form .legal-consent-container,
[data-screen-label="contact"][data-screen-label] .dap-form-shortcode .hs-form .legal-consent-container p { color: var(--gray-600) !important; }
[data-screen-label="contact"][data-screen-label] .dap-form-shortcode .hs-form .hs-richtext a,
[data-screen-label="contact"][data-screen-label] .dap-form-shortcode .hs-form .legal-consent-container a { color: var(--primary-700) !important; }
[data-screen-label="contact"][data-screen-label] .dap-form-shortcode .submitted-message { color: var(--text-heading) !important; }
.audit-v5-card .ac-def { margin: calc(var(--space-2) * -1) 0 var(--space-4); padding: var(--space-3) var(--space-4); border-radius: var(--radius-md); background: color-mix(in srgb, var(--accent-main) 7%, transparent); font-size: var(--t-small); line-height: 1.55; color: var(--text-muted); }
.audit-v5-card .btn--soon { background: var(--gray-400) !important; border-color: var(--gray-400) !important; color: var(--gray-0) !important; cursor: default; pointer-events: none; }
.audit-v5-card.is-soon:hover { transform: none; }
@media (min-width: 900px) { .audit-v5-cards:has(> :nth-child(3)) { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
[data-screen-label="case-studies"] { background: var(--bg-section-dark); }
[data-screen-label="case-studies"] h2 { color: var(--text-on-dark); }
[data-screen-label="case-studies"] .lead { color: var(--text-on-dark); }
[data-screen-label="case-studies"] .case-filter { background: transparent; border-color: rgba(255,255,255,.35); color: var(--text-on-dark); }
[data-screen-label="case-studies"] .case-filter:hover:not(.active) { background: var(--gray-0); border-color: var(--gray-0); color: var(--secondary-800); }
[data-screen-label="case-studies"] .case-filter.active { background: var(--accent-main); border-color: var(--accent-main); color: var(--gray-0); }
#cases[data-screen-label="case-studies"] .case-empty { color: var(--text-on-dark); }
#cases[data-screen-label="case-studies"] .case-empty a { color: var(--primary-400); }
[data-screen-label="case-studies"] .case.browse { background: var(--secondary-700, #1d3a52); border: 1px solid rgba(255,255,255,.18); }
[data-screen-label="committee"] { background: var(--accent-main); }
[data-screen-label="committee"] .eyebrow { color: var(--gray-0) !important; }
[data-screen-label="committee"] h2 { color: var(--gray-0); }
[data-screen-label="committee"] h2 span { color: var(--secondary-900) !important; }
[data-screen-label="committee"] .lead { color: var(--gray-0); }
[data-screen-label="committee"] .com-closer, [data-screen-label="committee"] .com-closer p { color: var(--gray-0); }
[data-screen-label="committee"] .com-closer b { color: var(--gray-0) !important; }
[data-screen-label="committee"] .com-closer .btn { border-color: var(--gray-0); color: var(--gray-0); background: transparent; }
[data-screen-label="committee"] .com-closer .btn:hover { background: var(--gray-0); color: var(--accent-main); }
[data-screen-label="committee"] .com-send { border-top-color: rgba(255,255,255,.45); }
[data-screen-label="committee"] .com-send > a, [data-screen-label="committee"] .com-send a { color: var(--gray-0); }
[data-screen-label="committee"] .com-send__alt { color: var(--gray-0); }
.dap-form-shortcode .hs-form.dap-hs-styled .hs-input:not(#dap-hb),
.dap-form-shortcode .hs-form.dap-hs-styled textarea.hs-input:not(#dap-hb) { border-radius: var(--radius-md) !important; }
body:has(.urgency-bar:not(.is-hidden)) #hubspot-messages-iframe-container { bottom: 68px !important; }
@media (max-width: 760px) { body:has(.urgency-bar:not(.is-hidden)) #hubspot-messages-iframe-container { bottom: 104px !important; } }
:is([data-screen-label="trust-bar"], [data-screen-label="industries"], [data-screen-label="testimonials"], [data-screen-label="verticals"], [data-screen-label="faq"], [data-screen-label="founders"], [data-screen-label="pricing"]) .eyebrow,
:is([data-screen-label="trust-bar"], [data-screen-label="industries"], [data-screen-label="testimonials"], [data-screen-label="verticals"], [data-screen-label="faq"], [data-screen-label="founders"], [data-screen-label="pricing"]) :is(h1, h2, h3) [style*="--accent-main"],
[data-screen-label="trust-bar"] .tb-hl,
[data-screen-label="trust-bar"] a:not(.btn),
[data-screen-label="industries"] :is(.v1-size__k, .v1-size__p),
[data-screen-label="verticals"] :is(.stretched-link, .tabcta, .share),
[data-screen-label="case-studies"] .case:not(.browse) .meta,
[data-screen-label="testimonials"] .tg-cat,
[data-screen-label="committee"] .id,
[data-screen-label="audits"] .ac-label { color: var(--secondary-500) !important; }
.btn--primary,
.case-filter.active,
.vert-tab.active { background: var(--primary-600) !important; border-color: var(--primary-600) !important; color: #fff !important; }
.btn--primary:hover,
.btn--primary:focus-visible { background: var(--primary-700) !important; border-color: var(--primary-700) !important; }
[data-screen-label="audits"],
[data-screen-label="committee"] { background: var(--primary-600) !important; }
[data-screen-label="audits"] :is(.audit-hero .lead, .audit-hero .sl, .container > .reveal > p),
[data-screen-label="committee"] :is(.container > .eyebrow, .container > .lead, .com-closer p, .com-closer b) { color: #fff !important; }
.urgency-bar { background: var(--primary-600) !important; }
[data-screen-label="filmstrip"] :is(.eyebrow, h2, .lead, .lead strong, .film-foot .l, .film-foot .l b) { color: #fff !important; }
[data-screen-label="filmstrip"] h2 [style*="--accent-main"] { color: var(--secondary-900) !important; }
@media (max-width: 500px) {
#cases .c-head { flex-direction: column; align-items: flex-start; gap: var(--space-2); }
#cases .c-logo { justify-content: flex-start; place-items: center start; }
}
#industries .v1-acc { display: none; }
@media (max-width: 1024px), (hover: none) {
#industries .v1-list { display: none; }
#industries .v1-acc { display: block; border-top: 1px solid var(--border-default); }
#industries .v1-acc__item { border-bottom: 1px solid var(--border-default); }
#industries .v1-acc__sum {
display: grid; grid-template-columns: 30px minmax(0, 1fr) 20px; align-items: center; column-gap: var(--space-4);
padding: var(--space-5) var(--space-2); cursor: pointer; list-style: none;
}
#industries .v1-acc__sum::-webkit-details-marker { display: none; }
#industries .v1-acc__sum .v1-i { width: 24px; height: 24px; color: var(--secondary-500); }
#industries .v1-acc__sum .v1-n { font-family: var(--t-font-display); font-weight: 700; font-size: 1.1rem; color: var(--text-primary); }
#industries .v1-acc__chev { width: 20px; height: 20px; color: var(--secondary-500); transition: transform var(--transition-base); }
#industries .v1-acc__chev svg { width: 100%; height: 100%; }
#industries .v1-acc__item[open] .v1-acc__chev { transform: rotate(180deg); }
#industries .v1-acc__sum:focus,
#industries .v1-acc__sum:focus-visible { outline: none; }
#industries .v1-acc__body { padding: 0 var(--space-2) var(--space-6) calc(30px + var(--space-4) + var(--space-2)); }
#industries .v1-acc__stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
#industries .v1-acc__stat { display: flex; flex-direction: column; gap: 2px; }
#industries .v1-acc__stat .v1-mv { font-size: 1.9rem; color: var(--primary-600); }
#industries .v1-acc__stat .v1-ml { font-size: var(--t-small); color: var(--text-muted); }
#industries .v1-acc .v1-logos { padding: var(--space-4) 0 0; border-top: none; justify-content: flex-start; }
#industries .v1-acc .v1-logos img { height: auto; max-height: 22px; max-width: 120px; }
#industries .v1-acc__link { display: inline-flex; align-items: center; gap: 6px; margin-top: var(--space-4); font-weight: 700; color: var(--primary-700); }
#industries .v1-acc__link svg { width: 16px; height: 16px; }
}
@media (prefers-reduced-motion: reduce) {
#industries .v1-acc__chev { transition: none; }
}
@media (max-width: 1024px), (hover: none) {
#industries .v1-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
#industries .v1-metrics .v1-agg { border-bottom: none; border-right: none; border-top: 1px solid var(--border-subtle); }
#industries .v1-metrics .v1-agg:nth-child(-n+2) { border-top: none; }
#industries .v1-metrics .v1-agg:nth-child(odd) { border-right: 1px solid var(--border-subtle); }
}
@media (max-width: 600px) {
#industries .v1-metrics { grid-template-columns: minmax(0, 1fr); }
#industries .v1-metrics .v1-agg:nth-child(odd) { border-right: none; }
#industries .v1-metrics .v1-agg:nth-child(2) { border-top: 1px solid var(--border-subtle); }
}
@media (max-width: 500px) {
#cases .c-logo { position: static; width: auto; height: 24px; max-width: 140px; display: flex; justify-content: flex-start; align-items: center; margin-top: var(--space-1); }
#cases .c-logo img { max-height: 24px; max-width: 140px; }
}
@media (max-width: 767px) {
.team-board { scroll-snap-type: x proximity; }
.team-board .team-card { scroll-margin-inline-start: 12px; }
}
#cases .c-head { flex-wrap: wrap; justify-content: space-between; row-gap: var(--space-2); }
#cases .c-logo { position: static; }
.team-board { scroll-padding-left: var(--space-8); }
@media (max-width: 767px) {
.team-board { scroll-padding-left: 12px; }
}
@media (max-width: 1350px) {
#cases .c-head { flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: var(--space-2); }
#cases .c-logo { display: flex; justify-content: flex-start; align-items: center; place-items: center start; width: auto; max-width: 100%; height: 24px; margin: 0; overflow: visible; }
#cases .c-logo img { width: auto; height: auto; max-width: 150px; max-height: 24px; object-fit: contain; object-position: left center; }
}
/* ---- acf-blocks ---- */
.has-stretch { position: relative; }
.stretched-link {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.stretched-link::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
cursor: pointer;
}
.stretched-link:focus-visible::after {
outline: 3px solid var(--accent-main);
outline-offset: 3px;
border-radius: var(--radius-lg, 14px);
}
.has-stretch a:not(.stretched-link),
.has-stretch button:not(.stretched-link) {
position: relative;
z-index: 2;
}
.film-cell {
opacity: 1;
animation: dapFilmReveal 0.7s ease both;
}
.film-col:nth-child(2) .film-cell { animation-delay: 0.08s; }
.film-col:nth-child(3) .film-cell { animation-delay: 0.16s; }
.film-col:nth-child(4) .film-cell { animation-delay: 0.24s; }
@media (prefers-reduced-motion: reduce) {
.film-cell { animation: none; opacity: 1; transform: none; filter: saturate(1); }
}
a.audit-v5-card, a.audit-v5-card:hover, a.audit-v5-card:focus { color: inherit; text-decoration: none; font-weight: inherit; }
a.audit-v5-card:focus-visible { outline: 3px solid var(--accent-main); outline-offset: 3px; }
.btn { max-width: 100%; }
.card .btn,
.audit-v5-card .btn,
.case .btn,
.motto-card .btn {
white-space: normal;
}
@media (max-width: 640px) {
.btn { white-space: normal; }
}
.dap-hb-meetings-placeholder { background: var(--bg-surface, transparent); }
.dap-form-shortcode .hbspt-form,
.dap-form-shortcode .hs-form { background: transparent !important; padding: 0 !important; margin: 0 !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; max-width: none !important; }
.dap-form-shortcode .hs-form { display: grid !important; grid-template-columns: 1fr 1fr; gap: var(--space-8) var(--space-8); align-items: start; }
.dap-form-shortcode .hs-form fieldset { display: block !important; max-width: none !important; min-width: 0; width: auto !important; border: 0 !important; margin: 0 !important; padding: 0 !important; }
.dap-form-shortcode .hs-form fieldset.form-columns-2 { grid-column: 1 / -1; display: grid !important; grid-template-columns: 1fr 1fr; gap: var(--space-8) var(--space-8); }
.dap-form-shortcode .hs-form fieldset:has(textarea),
.dap-form-shortcode .hs-form fieldset:has(.legal-consent-container),
.dap-form-shortcode .hs-form fieldset:has(.hs-richtext),
.dap-form-shortcode .hs-form .hs_submit,
.dap-form-shortcode .hs-form .hs_error_rollup,
.dap-form-shortcode .hs-form .legal-consent-container,
.dap-form-shortcode .hs-form .hs_recaptcha,
.dap-form-shortcode .hs-form .hs-richtext { grid-column: 1 / -1; }
.dap-form-shortcode .hs-form fieldset:has(input[type="hidden"]):not(:has(input:not([type="hidden"]), textarea, select)) { display: none !important; }
.dap-form-shortcode .hs-form .hs-form-field { display: flex !important; flex-direction: column; gap: var(--space-2); width: auto !important; min-width: 0; float: none !important; margin: 0 !important; padding: 0 !important; }
.dap-form-shortcode .hs-form .hs-form-field > label:not(#dap-hb) {
display: block; margin: 0 !important; padding: 0 !important;
font-family: var(--t-font-body) !important; font-size: var(--t-small) !important; font-weight: var(--t-weight-ui) !important; line-height: 1.4;
color: var(--text-main) !important; letter-spacing: var(--tracking-wide); text-transform: none !important;
}
.dap-form-shortcode .hs-form .hs-form-field .input { margin: 0 !important; }
.dap-form-shortcode .hs-form .hs-input:not(#dap-hb) {
width: 100% !important; height: var(--input-height) !important; padding: var(--input-padding) !important; margin: 0 !important;
font-family: var(--t-font-body) !important; font-size: var(--t-body) !important; font-weight: var(--t-weight-body) !important; line-height: normal;
color: var(--gray-900) !important; background: transparent !important; border: 1.5px solid var(--gray-300) !important; border-radius: 9999px !important;
transition: border-color var(--transition-base), box-shadow var(--transition-base); outline: none; appearance: none; -webkit-appearance: none; box-sizing: border-box; box-shadow: none !important;
}
.dap-form-shortcode .hs-form .hs-input:not(#dap-hb)::placeholder { color: var(--gray-500) !important; opacity: 1; }
.dap-form-shortcode .hs-form .hs-input:not(#dap-hb):hover { border-color: var(--border-strong) !important; }
.dap-form-shortcode .hs-form .hs-input:not(#dap-hb):focus { border: var(--input-border-focus) !important; box-shadow: var(--shadow-focus) !important; }
.dap-form-shortcode .hs-form textarea.hs-input:not(#dap-hb) { height: auto !important; min-height: 120px !important; resize: vertical; line-height: var(--t-leading-body); padding-top: var(--space-4) !important; border-radius: 25px !important; background: transparent !important; }
.dap-form-shortcode .hs-form .hs_submit .actions { margin: 0 !important; padding: 0 !important; text-align: left; }
.dap-form-shortcode .hs-form .hs-button:not(#dap-hb) {
display: inline-flex !important; align-items: center; justify-content: center; width: 100% !important; height: 56px !important; padding: 0 var(--space-16) !important; margin: 0 !important;
font-family: var(--t-font-body) !important; font-size: var(--t-body-lg) !important; font-weight: var(--weight-bold) !important; line-height: 1 !important; text-transform: none !important; letter-spacing: normal !important;
color: var(--text-inverse) !important; background: var(--accent-main) !important; border: 2px solid var(--accent-main) !important; border-radius: var(--btn-radius) !important;
cursor: pointer; box-shadow: none !important; transition: background var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);
}
.dap-form-shortcode .hs-form .hs-button:not(#dap-hb):hover { background: var(--accent-hover) !important; border-color: var(--accent-hover) !important; box-shadow: 0 4px 14px rgba(215,119,87,0.35) !important; transform: translateY(-1px); }
.dap-form-shortcode .hs-form .hs-error-msgs { list-style: none; margin: var(--space-1) 0 0 !important; padding: 0 !important; font-size: var(--t-caption); color: var(--accent-main); }
.dap-form-shortcode .hs-form .hs-error-msgs label { color: var(--accent-main) !important; font-size: var(--t-caption) !important; }
.dap-form-shortcode .hs-form .hs-form-required { color: var(--accent-main); margin-left: 2px; }
.dap-form-shortcode .submitted-message { font-size: var(--t-body); color: var(--text-main); }
[data-screen-label="contact"] .dap-form-shortcode .hs-form .hs-form-field > label:not(#dap-hb),
[data-screen-label="contact"] .dap-form-shortcode .submitted-message,
[data-screen-label="contact"] .dap-form-shortcode .hs-form .hs-richtext,
[data-screen-label="contact"] .dap-form-shortcode .hs-form .hs-richtext p,
[data-screen-label="contact"] .dap-form-shortcode .hs-form .legal-consent-container,
[data-screen-label="contact"] .dap-form-shortcode .hs-form .legal-consent-container p { color: var(--gray-0) !important; }
[data-screen-label="contact"] .dap-form-shortcode .hs-form .hs-richtext a,
[data-screen-label="contact"] .dap-form-shortcode .hs-form .legal-consent-container a { color: var(--gray-0) !important; text-decoration: underline; }
[data-screen-label="contact"] .dap-form-shortcode .hs-form .hs-input:not(#dap-hb) {
background: transparent !important; border-color: var(--white-40) !important; color: var(--text-on-dark) !important;
}
[data-screen-label="contact"] .dap-form-shortcode .hs-form .hs-input:not(#dap-hb)::placeholder { color: var(--white-50) !important; }
[data-screen-label="contact"] .dap-form-shortcode .hs-form .hs-input:not(#dap-hb):hover { border-color: var(--white-50) !important; }
[data-screen-label="contact"] .dap-form-shortcode .hs-form .hs-input:not(#dap-hb):focus-visible { outline: 3px solid var(--gray-0); outline-offset: 2px; border-color: var(--gray-0) !important; }
@media (max-width: 640px) {
.dap-form-shortcode .hs-form { grid-template-columns: 1fr; }
}
}