*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.left-0{left:0}.left-\[-31px\]{left:-31px}.left-\[1px\]{left:1px}.right-0{right:0}.top-0{top:0}.top-1{top:.25rem}.top-\[calc\(0\.5rem\+2px\)\]{top:calc(.5rem + 2px)}.z-50{z-index:50}.m-0{margin:0}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-\[32px\]{margin-bottom:32px}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-11{height:2.75rem}.h-\[4px\]{height:4px}.h-\[6px\]{height:6px}.h-full{height:100%}.h-px{height:1px}.min-h-\[440px\]{min-height:440px}.min-h-\[44px\]{min-height:44px}.w-11{width:2.75rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-\[4px\]{width:4px}.w-\[6px\]{width:6px}.w-full{width:100%}.w-px{width:1px}.min-w-\[44px\]{min-width:44px}.max-w-\[1240px\]{max-width:1240px}.max-w-\[1560px\]{max-width:1560px}.max-w-\[48ch\]{max-width:48ch}.max-w-\[52ch\]{max-width:52ch}.max-w-\[56ch\]{max-width:56ch}.max-w-\[60ch\]{max-width:60ch}.max-w-\[740px\]{max-width:740px}.max-w-\[900px\]{max-width:900px}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-2{row-gap:.5rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.rounded-full{border-radius:9999px}.rounded-none{border-radius:0}.border{border-width:1px}.border-0{border-width:0}.border-b{border-bottom-width:1px}.bg-copper{background-color:var(--copper)}.bg-paper{background-color:var(--paper)}.bg-transparent{background-color:transparent}.p-3{padding:.75rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-0{padding-bottom:0}.pb-12{padding-bottom:3rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pl-0{padding-left:0}.pl-8{padding-left:2rem}.pr-4{padding-right:1rem}.pt-12{padding-top:3rem}.pt-2{padding-top:.5rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.font-display{font-family:Inter,system-ui,-apple-system,sans-serif}.font-mono{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,monospace}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.tracking-\[0\.06em\]{letter-spacing:.06em}.tracking-\[0\.12em\]{letter-spacing:.12em}.text-carbon{color:var(--carbon)}.text-copper{color:var(--copper)}.text-steel{color:var(--steel)}.text-steel-muted{color:var(--steel-muted)}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.grayscale{--tw-grayscale:grayscale(100%)}.grayscale,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:border-copper:hover{border-color:var(--copper)}@media (min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}}@media (min-width:768px){.md\:block{display:block}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:top-24{top:6rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-auto{height:auto}.lg\:h-full{height:100%}.lg\:flex-\[5\]{flex:5}.lg\:flex-\[7\]{flex:7}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-stretch{align-items:stretch}.lg\:gap-12{gap:3rem}.lg\:gap-16{gap:4rem}.lg\:gap-24{gap:6rem}.lg\:self-start{align-self:flex-start}.lg\:px-12{padding-left:3rem;padding-right:3rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:pl-4{padding-left:1rem}.lg\:pl-8{padding-left:2rem}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}}

:root {
      /* UTECH design tokens — black canvas, chrome-white type, copper-blue accent ramp. */
      --color-surface: #000000;
      --color-on-surface: #FFFFFF;
      /* Fixed surface tokens — black canvas and console surfaces never flip with the theme. */
      --ink: #0A0A0A;
      --ivory: #F2F2F0;
      --signal-green: #35D07F;
      --copper-light: #6EA8FF;
      --steel-muted: #8A97A8;
      --hairline-carbon: rgba(242, 242, 240, 0.16);
      --copper-tint: rgba(62, 143, 214, 0.14);
      --hover-wash: rgba(242, 242, 240, 0.06);
      /* M blue accent ramp — steel blue, lifted enough for AA text on the black canvas. */
      --copper: #3E8FD6;
      --copper-deep: #0066B1;
      --copper-deep-hover: #0B6FC4;
      /* Theme-flippable canvas tokens — aliased to the fixed surface above. */
      --carbon: var(--color-on-surface);
      --paper: var(--color-surface);
      --steel: #A6AFBB;
      --frame-bg: #101010;
      --hairline-paper: rgba(242, 242, 240, 0.16);
      color-scheme: dark;
    }
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; min-height: 100%; background: var(--color-surface); }
    html:focus-within { scroll-behavior: auto; }
    body {
      background: var(--color-surface);
      color: var(--color-on-surface);
      font-family: 'Inter', system-ui, -apple-system, sans-serif;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    h1, h2, h3 { font-family: 'Inter', system-ui, -apple-system, sans-serif; text-transform: uppercase; font-weight: 300; letter-spacing: 0; }
    .mono { font-family: 'IBM Plex Mono', ui-monospace, SFMono-Regular, monospace; }

    :focus-visible {
      outline: 2px solid var(--copper-light); outline-offset: 2px;
    }
    .skip-link {
      position: fixed; top: -100%; left: 16px; z-index: 400;
      background: var(--copper-deep); color: #fff;
      padding: 12px 20px; font: 600 12px/1.4 'Inter', system-ui, sans-serif;
      border-radius: 0; text-decoration: none;
    }
    .skip-link:focus { top: 16px; }

    .hairline-b { border-bottom: 1px solid var(--hairline-paper); }
    .hairline-t { border-top: 1px solid var(--hairline-paper); }
    .hairline-l { border-left: 1px solid var(--hairline-paper); }
    .hairline-r { border-right: 1px solid var(--hairline-paper); }
    .vdiv { border-left: 1px solid var(--hairline-paper); }
    @media (max-width: 1023px) {
      .vdiv { border-left: 0; }
      .cols-2 .vdiv:nth-child(2n) { border-left: 1px solid var(--hairline-paper); }
    }
    .hairline-b-carbon { border-bottom: 1px solid var(--hairline-carbon); }
    .hairline-t-carbon { border-top: 1px solid var(--hairline-carbon); }
    .hairline-v { border-left: 1px solid var(--hairline-paper); border-right: 1px solid var(--hairline-paper); }

    .scroll-progress {
      position: fixed; top: 0; left: 0; right: 0; height: 2px;
      background: var(--copper); z-index: 100;
      transform-origin: 0 50%; transform: scaleX(var(--sp, 0));
    }

    .word-mask {
      display: inline-block; overflow: hidden; vertical-align: bottom;
    }
    .word-mask span { display: inline-block; }

    .terminal-cursor::after {
      content: '▣'; color: var(--signal-green); animation: blink 1s step-end infinite;
    }
    @keyframes blink { 50% { opacity: 0; } }
    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      .terminal-cursor::after { animation: none; }
    }

    .vendor-marquee-wrap { position: relative; }
    .vendor-marquee-track {
      display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start;
      gap: 32px 48px; max-width: 1240px; margin: 0 auto; padding: 0 24px;
    }
    .vendor-item {
      display: flex; flex-direction: column; align-items: center; gap: 10px;
      padding: 8px; cursor: default; flex-shrink: 0;
    }
    .vendor-item img {
      height: 34px; width: auto; max-width: 200px; display: block; object-fit: contain;
      filter: grayscale(1); opacity: 0.7;
      transition: filter 0.3s, opacity 0.3s;
    }
    .vendor-item img.big {
      height: 46px; max-width: 260px;
    }
    .vendor-item-name {
      font-family: 'Inter', system-ui, -apple-system, sans-serif;
      font-size: 12px; font-weight: 600; letter-spacing: 0.04em;
      color: var(--steel); white-space: nowrap;
    }
    .vendor-wordmark {
      font-family: 'Inter', system-ui, -apple-system, sans-serif;
      font-size: 16px; font-weight: 600; color: var(--steel);
    }

    .btn-primary {
      display: inline-flex; align-items: center; gap: 8px;
      padding: 12px 28px; background: var(--copper-deep); color: #fff;
      font-family: 'Inter', system-ui, -apple-system, sans-serif;
      font-size: 12px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase;
      border: none; border-radius: 0; cursor: pointer;
      position: relative; overflow: hidden; text-decoration: none;
      transition: background 0.3s, transform 160ms ease-out;
    }
    .btn-primary:hover { background: var(--copper-deep-hover); }
    .btn-primary:active { transform: scale(0.98); }
    .btn-primary .arrow { display: inline-block; transition: transform 0.25s ease; }

    .btn-secondary {
      display: inline-flex; align-items: center; gap: 8px;
      padding: 12px 28px; background: transparent; color: var(--carbon);
      font-family: 'Inter', system-ui, -apple-system, sans-serif;
      font-size: 12px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase;
      border: 1px solid var(--carbon); border-radius: 0; cursor: pointer;
      text-decoration: none; transition: border-color 0.2s, color 0.2s, transform 160ms ease-out;
    }
    .btn-secondary:hover { border-color: var(--copper); color: var(--copper); }
    .btn-secondary:active { transform: scale(0.98); }

    .eyebrow {
      font-family: 'IBM Plex Mono', ui-monospace, SFMono-Regular, monospace;
      font-size: 11px; font-weight: 500; text-transform: uppercase;
      letter-spacing: 0.12em; color: var(--steel); margin-bottom: 16px;
    }
    .section-pad { padding: 96px 24px; }
    .pad-dark { padding: 96px 0; }
    .pad-thesis { padding: 128px 24px; }
    @media (max-width: 768px) {
      .section-pad { padding: 64px 20px; }
      .pad-dark { padding: 64px 0; }
      .pad-thesis { padding: 64px 20px; }
    }

    .diagnostic-node { cursor: pointer; transition: stroke 0.2s; }
    .diagnostic-node:hover { stroke: var(--copper-light); }
    .diagnostic-node.active { stroke: var(--copper-light); }
    .diagnostic-line { transition: stroke 0.2s; }
    .diagnostic-node:focus-visible { outline: none; stroke: var(--copper-light); }
    .node-pulse-ring {
      fill: none; stroke: var(--copper-light); stroke-width: 1.5;
      transform-box: fill-box; transform-origin: center;
      animation: node-pulse 2s ease-in-out infinite;
    }
    @keyframes node-pulse {
      0% { transform: scale(1); opacity: 0.7; }
      70% { transform: scale(1.5); opacity: 0; }
      100% { transform: scale(1.5); opacity: 0; }
    }
    @media (prefers-reduced-motion: reduce) {
      .node-pulse-ring { animation: none; opacity: 0.35; }
    }

    .accordion-trigger {
      width: 100%; text-align: left; background: none; border: none;
      cursor: pointer; padding: 28px 0; font-family: inherit;
    }
    .accordion-trigger .plus {
      display: inline-block; font-size: 24px; line-height: 1; font-weight: 300;
      transition: transform 0.25s ease-in-out;
    }
    .accordion-trigger[aria-expanded="true"] .plus { transform: rotate(45deg); }
    .accordion-panel { overflow: hidden; }

    .segmented-control {
      display: inline-flex; position: relative; gap: 0;
    }
    .segmented-control button {
      padding: 8px 24px; background: none; border: none;
      font-family: 'Inter', system-ui, -apple-system, sans-serif;
      font-size: 14px; font-weight: 500; color: var(--steel);
      cursor: pointer; position: relative; transition: color 0.25s;
      min-height: 44px; display: inline-flex; align-items: center; justify-content: center;
    }
    .segmented-control button[aria-pressed="true"] { color: var(--carbon); font-weight: 600; }
    .segmented-underline {
      position: absolute; bottom: 0; left: 0; width: 100%; height: 2px;
      background: var(--copper); transform-origin: 0 50%;
      transition: transform 0.3s ease-out;
    }
    @media (prefers-reduced-motion: reduce) {
      .segmented-underline { transition: none; }
    }

    .showcase-frame {
      border: 1px solid var(--hairline-paper); border-radius: 0;
      overflow: hidden; position: relative; aspect-ratio: 16/10;
      background: var(--frame-bg);
    }
    .showcase-frame img {
      width: 100%; height: 100%; object-fit: cover; display: block;
    }
    .showcase-frame img.showcase-zoom {
      animation: showcase-kenburns 12s ease-in-out infinite alternate;
      will-change: transform;
    }
    @keyframes showcase-kenburns {
      from { transform: scale(1); }
      to { transform: scale(1.06); }
    }

    .tab-rail-desktop button {
      display: block; width: 100%; text-align: left; padding: 14px 20px;
      background: none; border: none; cursor: pointer;
      font-family: 'Inter', system-ui, -apple-system, sans-serif;
      font-size: 14px; color: var(--steel); position: relative;
      transition: color 0.2s; border-left: 2px solid transparent;
    }
    .tab-rail-desktop button[aria-selected="true"] {
      color: var(--carbon); font-weight: 600;
      border-left-color: var(--copper);
    }
    .tab-rail-desktop button:hover { color: var(--carbon); }
    .tab-num {
      font-family: 'IBM Plex Mono', ui-monospace, SFMono-Regular, monospace;
      font-size: 10px; letter-spacing: 0.12em; color: var(--steel);
      margin-right: 10px;
    }

    .nav-link {
      font-family: 'Inter', system-ui, -apple-system, sans-serif;
      font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.5px;
      color: var(--steel); text-decoration: none; transition: color 0.2s;
    }
    .nav-link:hover { color: var(--carbon); }

    .site-nav {
      transition:
        background-color 300ms cubic-bezier(0.23, 1, 0.32, 1),
        border-color 300ms cubic-bezier(0.23, 1, 0.32, 1),
        box-shadow 300ms cubic-bezier(0.23, 1, 0.32, 1);
    }
    .site-nav.site-nav--scrolled { box-shadow: 0 12px 32px rgba(0, 0, 0, 0.55); }
    .site-nav-row {
      transition:
        padding-top 250ms cubic-bezier(0.23, 1, 0.32, 1),
        padding-bottom 250ms cubic-bezier(0.23, 1, 0.32, 1);
    }
    .site-nav.site-nav--scrolled .site-nav-desktop .nav-link { color: var(--steel-muted); }
    .site-nav.site-nav--scrolled .site-nav-desktop .nav-link:hover { color: var(--ivory); }
    /* Brand accent markers — signature stripe, used sparingly. */
    .brand-stripe {
      height: 4px; background: linear-gradient(90deg, var(--copper) 0 33.333%, var(--copper-deep) 33.333% 66.666%, var(--copper-deep-hover) 66.666% 100%);
    }
    .brand-chip {
      display: inline-block; width: 24px; height: 8px; vertical-align: middle;
      background: linear-gradient(90deg, var(--copper) 0 33.333%, var(--copper-deep) 33.333% 66.666%, var(--copper-deep-hover) 66.666% 100%);
    }
    .brand-logo { position: relative; display: inline-flex; align-items: center; height: 36px; }
    .brand-logo img { display: block; height: 100%; width: auto; max-width: none; object-fit: contain; }
    .brand-logo--fade img { transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); }
    @media (min-width: 1024px) { .brand-logo { height: 48px; } }
    @media (prefers-reduced-motion: reduce) {
      .site-nav-row { transition: none; }
      .site-nav {
        transition:
          background-color 200ms ease,
          border-color 200ms ease,
          box-shadow 200ms ease;
      }
      .brand-logo--fade img { transition: none; }
    }

    @media (max-width: 1023px) {
      .tab-rail-desktop { display: none; }
      .tab-pills-mobile { display: flex; }
    }
    @media (min-width: 1024px) {
      .tab-rail-desktop { display: block; }
      .tab-pills-mobile { display: none; }
    }

    .method-num {
      font-family: 'Inter', system-ui, -apple-system, sans-serif;
      font-size: clamp(3rem, 5vw, 5rem); font-weight: 300;
      color: var(--carbon); line-height: 1; letter-spacing: 0;
    }

    .quote-text {
      font-family: 'Inter', system-ui, -apple-system, sans-serif;
      font-size: clamp(1.25rem, 2.5vw, 1.75rem); line-height: 1.45;
      font-style: normal; letter-spacing: 0;
    }

    .count-up-num {
      font-family: 'Inter', system-ui, -apple-system, sans-serif;
      font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 300;
      letter-spacing: 0; line-height: 1;
    }

    .footer-text {
      font-family: 'IBM Plex Mono', ui-monospace, SFMono-Regular, monospace;
      font-size: 12px; letter-spacing: 0.06em; color: var(--steel-muted);
    }

    .wa-float {
      position: fixed; bottom: 32px; right: 32px; z-index: 90;
      width: 56px; height: 56px; border-radius: 0;
      background: var(--signal-green); color: #fff;
      display: flex; align-items: center; justify-content: center;
      cursor: pointer; border: none; text-decoration: none;
      transition: transform 0.2s ease, opacity 0.2s ease;
    }
    .wa-float svg { width: 28px; height: 28px; }
    @media (max-width: 767px) { .wa-float { display: none !important; } }

    .mobile-contact-bar {
      position: fixed; bottom: 0; left: 0; right: 0; z-index: 90;
      height: 56px; background: var(--ink);
      display: flex; align-items: stretch;
      padding-bottom: env(safe-area-inset-bottom, 0px);
    }
    .mobile-contact-bar a {
      flex: 1; display: flex; align-items: center; justify-content: center;
      text-decoration: none; font-family: 'Inter', system-ui, -apple-system, sans-serif;
      font-size: 14px; font-weight: 600; letter-spacing: 0.02em;
      border: none; background: none; cursor: pointer;
    }
    .mobile-contact-bar .mc-call { color: var(--ivory); }
    .mobile-contact-bar .mc-wa { color: var(--signal-green); }
    .mobile-contact-bar .mc-divider { width: 1px; background: var(--hairline-carbon); flex-shrink: 0; }
    @media (min-width: 768px) { .mobile-contact-bar { display: none !important; } }
    @media (max-width: 767px) {
      body { padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px)); }
    }

    .footer-top-link {
      font-family: 'IBM Plex Mono', ui-monospace, SFMono-Regular, monospace;
      font-size: 12px; letter-spacing: 0.06em; color: var(--steel-muted);
      text-decoration: none; cursor: pointer; transition: color 0.2s;
      min-height: 44px; display: inline-flex; align-items: center;
    }
    .footer-top-link:hover { color: var(--copper-light); }

    .hero-scroll-arrow {
      animation: scroll-bob 2s ease-in-out infinite;
    }
    @keyframes scroll-bob {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(4px); }
    }
    @media (prefers-reduced-motion: reduce) {
      .hero-scroll-arrow { animation: none; }
    }

    .hero-h1 {
      font-size: 38px;
    }
    @media (min-width: 768px) {
      .hero-h1 { font-size: 48px; }
    }
    @media (min-width: 1200px) {
      .hero-h1 { font-size: 60px; }
    }
    @media (min-width: 1440px) {
      .hero-h1 { font-size: 68px; }
    }

    .hero-section {
      min-height: 100vh;
      min-height: 100svh; display: flex; flex-direction: column;
      padding-top: 96px;
    }
    @media (min-width: 768px) {
      .hero-section { padding-top: 128px; }
    }

    .pulse-dot {
      width: 6px; height: 6px; border-radius: 50%; background: var(--signal-green);
      display: inline-block;
    }

    .partner-wordmark {
      font-family: 'Inter', system-ui, -apple-system, sans-serif;
      font-size: 14px; font-weight: 600; color: var(--steel);
      transition: color 0.2s; cursor: default;
    }
    .partner-wordmark:hover { color: var(--carbon); }
    .partner-divider {
      width: 1px; height: 16px; background: var(--hairline-paper);
    }

    /* ─── BOOKING MODAL ─── */
    .modal-overlay {
      position: fixed; inset: 0; z-index: 300;
      background: rgba(0, 0, 0, 0.82);
      display: flex; align-items: center; justify-content: center;
      padding: 24px;
    }
    .modal-panel {
      background: var(--paper);
      border: 1px solid var(--carbon);
      border-radius: 0;
      width: 100%; max-width: 560px;
      max-height: 90vh; overflow-y: auto;
    }
    @media (max-width: 768px) { .modal-panel { width: 92vw; } }
    .modal-close {
      width: 44px; height: 44px; border-radius: 0;
      border: 1px solid var(--carbon); background: transparent;
      color: var(--carbon); font-size: 18px; line-height: 1;
      display: inline-flex; align-items: center; justify-content: center;
      cursor: pointer; flex-shrink: 0;
      transition: transform 0.2s, background 0.2s;
    }
    .modal-close:hover { background: var(--hover-wash); }
    .modal-close:focus-visible { outline: 2px solid var(--copper); outline-offset: 2px; }
    .modal-label {
      display: block; font-family: 'IBM Plex Mono', ui-monospace, SFMono-Regular, monospace;
      font-size: 11px; text-transform: uppercase; letter-spacing: 0.12em;
      color: var(--steel); margin-bottom: 6px;
    }
    .modal-panel fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }
    .modal-panel legend { padding: 0; }
    .modal-input {
      width: 100%; background: var(--paper);
      border: 1px solid var(--hairline-paper); border-radius: 0;
      font-family: 'Inter', system-ui, -apple-system, sans-serif;
      font-size: 15px; color: var(--carbon); padding: 10px 12px;
      transition: border-color 0.2s;
    }
    .modal-input:focus { outline: none; border-color: var(--copper); }
    .modal-input::placeholder { color: var(--steel); }
    .modal-input.modal-invalid { border-color: var(--copper-deep); }
    .modal-check {
      width: 20px; height: 20px; appearance: none; -webkit-appearance: none;
      border: 1px solid var(--hairline-paper); border-radius: 0;
      background: var(--paper); cursor: pointer; flex-shrink: 0;
      display: inline-grid; place-content: center;
      transition: background 0.15s, border-color 0.15s;
    }
    .modal-check:checked { background: var(--copper-deep); border-color: var(--copper-deep); }
    .modal-check:checked::before {
      content: ''; width: 9px; height: 5px;
      border-left: 1.5px solid #fff; border-bottom: 1.5px solid #fff;
      transform: rotate(-45deg) translateY(-1px);
    }
    .modal-check:focus-visible { outline: 2px solid var(--copper); outline-offset: 2px; }
    .modal-error {
      font-family: 'IBM Plex Mono', ui-monospace, SFMono-Regular, monospace;
      font-size: 11px; color: var(--copper); margin-top: 4px;
    }

    /* ─── FOOTER SOCIALS ─── */
    .footer-social { display: flex; align-items: center; gap: 20px; }
    .footer-social a {
      display: inline-flex; align-items: center; justify-content: center;
      min-width: 44px; min-height: 44px;
      color: rgba(242, 242, 240, 0.6);
      transition: color 0.2s, transform 0.2s;
    }
    .footer-social a:hover { color: var(--copper-light); }
    .footer-social a:focus-visible { outline: 2px solid var(--copper); outline-offset: 2px; border-radius: 0; }

    .footer-link {
      color: var(--steel-muted); text-decoration: none; transition: color 0.2s;
    }
    .footer-link:hover {
      color: var(--copper-light); text-decoration: underline; text-underline-offset: 4px;
    }

    .footer-quick { display: flex; flex-wrap: wrap; gap: 10px 24px; }
    .footer-quick a {
      font-family: 'IBM Plex Mono', ui-monospace, SFMono-Regular, monospace;
      font-size: 11px; text-transform: uppercase; letter-spacing: 0.12em;
      color: var(--steel-muted); text-decoration: none; transition: color 0.2s;
      display: inline-flex; align-items: center; min-height: 44px;
    }
    .footer-quick a:hover { color: var(--ivory); }

    .footer-logo .brand-logo { height: 56px; }
    @media (min-width: 1024px) { .footer-logo .brand-logo { height: 80px; } }
    @media (hover: hover) and (pointer: fine) {
      .btn-primary:hover .arrow { transform: translateX(4px); }
      .wa-float:hover { transform: scale(1.06); }
      .modal-close:hover { transform: rotate(90deg); }
      .footer-social a:hover { transform: translateY(-2px); }
      .vendor-item:hover img { filter: grayscale(0); opacity: 1; }
    }
    @media (prefers-reduced-motion: reduce) {
      .showcase-frame img { animation: none; }
      .btn-primary:hover .arrow { transform: none; }
      .wa-float:hover { transform: none; }
      .modal-close:hover { transform: none; }
      .footer-social a:hover { transform: none; }
      .vendor-item:hover img { filter: grayscale(1); opacity: 0.65; }
      .accordion-trigger .plus { transition: none; }
    }