:root{--ref-grid-container: 1440px;--ref-grid-columns: 12;--ref-grid-gutter: 24px;--ref-grid-padding: 48px;--ref-grid-mobile-columns: 6;--ref-grid-breakpoints-mobile: 0px;--ref-grid-breakpoints-tablet: 720px;--ref-grid-breakpoints-desktop: 1440px;--ref-space-xs: 9px;--ref-space-sm: 15px;--ref-space-md: 24px;--ref-space-lg: 30px;--ref-space-xl: 48px;--ref-space-xxl: 66px;--ref-radius-sm: 15px;--ref-radius-md: 30px;--ref-radius-lg: 60px;--ref-radius-full: 999px;--ref-motion-fast: .15s ease;--ref-motion-base: .22s ease;--ref-motion-slow: .35s ease;--ref-neutral-linen: color-mix(in srgb, #F4EAD0, #FFFFFF 60%);--ref-neutral-bone: color-mix(in srgb, #F4EAD0, #FFFFFF 30%);--ref-neutral-vanilla: #F4EAD0;--ref-neutral-studio-clay: color-mix(in srgb, #F4EAD0, #E2C397 50%);--ref-neutral-cork: #E2C397;--ref-neutral-ink: #29004B;--ref-primitive-surf: #5BA79C;--ref-primitive-harvest: #FEBE27;--ref-primitive-sunset: #FF6B33;--ref-primitive-rocket: #EF2337;--ref-primitive-punch: #D02365;--ref-primitive-velvet: #720A63;--ref-font-display: "League Gothic", sans-serif;--ref-font-body: "Inter", sans-serif;--ref-font-mono: "IBM Plex Mono", monospace;--ref-text-xs: 12px;--ref-text-sm: 15px;--ref-text-base: 18px;--ref-text-md: 24px;--ref-text-lg: 48px;--ref-text-xl: 72px;--ref-text-xxl: 110px;--ref-weight-regular: 400;--ref-weight-medium: 500;--ref-weight-semibold: 600;--ref-weight-bold: 700;--ref-leading-tight: .9;--ref-leading-normal: 1.2;--ref-leading-loose: 1.6;--sys-letter-spacing: .01em;--sys-text-h3: 36px;--sys-z-index-base: 0;--sys-z-index-dropdown: 100;--sys-z-index-sticky: 200;--sys-z-index-modal: 300;--sys-z-index-popover: 400;--sys-z-index-toast: 500;--sys-z-index-cursor: 9999;--comp-button-height: 44px;--comp-button-secondary-bg: transparent;--comp-button-ghost-bg: transparent;--comp-card-border: none;--comp-panel-border: none;--comp-input-height: 44px;--comp-stripe-height: 80px;--comp-cursor-size: 12px;--comp-icon-stroke: 1.5;--sys-color-primary: var(--ref-neutral-ink);--sys-color-secondary: var(--ref-neutral-cork);--sys-color-on-surface: var(--ref-neutral-ink);--sys-color-on-surface-muted: color-mix(in srgb, var(--ref-neutral-ink), var(--ref-neutral-vanilla) 55%);--sys-color-on-action: var(--ref-neutral-linen);--sys-color-action-primary: var(--ref-primitive-rocket);--sys-color-action-secondary: var(--ref-primitive-sunset);--sys-color-action-tertiary: var(--ref-primitive-harvest);--sys-color-action-hover: var(--ref-primitive-punch);--sys-color-accent-subtle: var(--ref-primitive-surf);--sys-color-accent-brand: var(--ref-primitive-harvest);--sys-color-highlight: var(--ref-primitive-velvet);--sys-color-error: color-mix(in srgb, var(--ref-primitive-rocket), var(--ref-neutral-vanilla) 15%);--sys-color-success: color-mix(in srgb, var(--ref-primitive-surf), var(--ref-neutral-vanilla) 10%);--sys-surface-page: var(--ref-neutral-linen);--sys-surface-card: var(--ref-neutral-bone);--sys-surface-alt: var(--ref-neutral-vanilla);--sys-surface-hover: var(--ref-neutral-studio-clay);--sys-surface-border: var(--ref-neutral-cork);--sys-font-family: var(--ref-font-body);--sys-font-display: var(--ref-font-display);--sys-font-mono: var(--ref-font-mono);--sys-line-height: var(--ref-leading-loose);--sys-text-h1: var(--ref-text-xl);--sys-text-h2: var(--ref-text-lg);--sys-text-h4: var(--ref-text-md);--sys-spacing-unit: var(--ref-space-md);--sys-gutter: var(--ref-grid-gutter);--sys-page-padding: var(--ref-grid-padding);--sys-card-padding: var(--ref-space-md);--sys-section-padding: var(--ref-space-xxl);--sys-radius-unit: var(--ref-radius-sm);--sys-layout-columns: var(--ref-grid-columns);--sys-layout-mobile-columns: var(--ref-grid-mobile-columns);--sys-layout-container: var(--ref-grid-container);--sys-motion-fast: var(--ref-motion-fast);--sys-motion-base: var(--ref-motion-base);--sys-motion-slow: var(--ref-motion-slow);--comp-button-padding: var(--ref-space-md);--comp-button-radius: var(--ref-radius-full);--comp-button-font-size: var(--ref-text-sm);--comp-card-radius: var(--ref-radius-md);--comp-card-padding: var(--ref-space-lg);--comp-panel-radius: var(--ref-radius-lg);--comp-panel-padding: var(--ref-space-xl);--comp-input-padding: var(--ref-space-sm);--comp-input-radius: var(--ref-radius-sm);--comp-badge-radius: var(--ref-radius-full);--comp-badge-font-size: var(--ref-text-xs);--comp-badge-default-bg: color-mix(in srgb, var(--ref-primitive-harvest), transparent 88%);--comp-badge-default-border: var(--ref-primitive-harvest);--comp-badge-default-color: color-mix(in srgb, var(--ref-primitive-harvest), var(--ref-neutral-ink) 40%);--comp-badge-accent-bg: color-mix(in srgb, var(--ref-primitive-surf), transparent 88%);--comp-badge-highlight-bg: color-mix(in srgb, var(--ref-primitive-velvet), transparent 88%);--comp-icon-on-dark: var(--ref-neutral-bone);--comp-button-primary-bg: var(--sys-color-action-primary);--comp-button-secondary-border: var(--sys-surface-border);--comp-card-bg: var(--sys-surface-card);--comp-panel-bg: var(--sys-surface-card);--comp-input-border: var(--sys-surface-border);--comp-input-focus: var(--sys-color-highlight);--comp-badge-accent-border: var(--sys-color-accent-subtle);--comp-badge-accent-color: var(--sys-color-accent-subtle);--comp-badge-highlight-border: var(--sys-color-highlight);--comp-badge-highlight-color: var(--sys-color-highlight);--comp-cursor-color: var(--sys-color-highlight);--comp-cursor-hover-border: var(--sys-color-highlight);--comp-icon-default: var(--sys-color-on-surface);--comp-icon-accent-surf: var(--sys-color-accent-subtle);--comp-icon-accent-brand: var(--sys-color-accent-brand);--comp-icon-interactive: var(--sys-color-highlight);--comp-icon-on-action: var(--sys-color-on-action)}:root{--s1: var(--ref-primitive-harvest);--s2: var(--ref-primitive-sunset);--s3: var(--ref-primitive-rocket);--s4: var(--ref-primitive-punch);--s5: var(--ref-primitive-velvet);--stripe-stacked: linear-gradient( to bottom, var(--s1) 0%, var(--s1) 20%, var(--s2) 20%, var(--s2) 40%, var(--s3) 40%, var(--s3) 60%, var(--s4) 60%, var(--s4) 80%, var(--s5) 80%, var(--s5) 100% );--stripe: repeating-linear-gradient( 90deg, var(--s1) 0 12px, var(--s2) 12px 20px, var(--s3) 20px 28px, var(--s4) 28px 36px, var(--s5) 36px 44px );--glow-warm: rgba(114, 10, 99, .18);--glow-gold: rgba(254, 190, 39, .12);--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-card: none;--effect-shadow-panel: none;--effect-shadow-image: none}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--sys-surface-page);color:var(--sys-color-on-surface);font-family:var(--sys-font-family);font-size:var(--ref-text-base);line-height:var(--sys-line-height);letter-spacing:var(--sys-letter-spacing);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.variant-claude{background-color:var(--sys-surface-page);color:var(--sys-color-on-surface);font-family:var(--sys-font-family);-webkit-font-smoothing:antialiased}body.variant-claude main#main-content{position:relative;z-index:1}body.variant-claude main#main-content>*{position:relative}body.variant-claude h1,body.variant-claude h2,body.variant-claude h3,body.variant-claude h4,body.variant-claude .text-data,body.variant-claude .stat__number,body.variant-claude .engagement-card__number,body.variant-claude .benefit__number,body.variant-claude .cost-card__duration,body.variant-claude .engagement-number .mono{font-family:var(--sys-font-display);text-transform:uppercase;letter-spacing:.02em;font-weight:var(--ref-weight-regular);line-height:var(--ref-leading-tight)}body.variant-claude h1{font-size:clamp(3rem,9vw,var(--sys-text-h1))}body.variant-claude h2{font-size:var(--sys-text-h2)}body.variant-claude h3{font-size:var(--sys-text-h3)}body.variant-claude h4{font-size:var(--sys-text-h4)}body.variant-claude .section-header__label,body.variant-claude .eyebrow,body.variant-claude .card-label,body.variant-claude .technical-note{font-family:var(--sys-font-family);font-weight:var(--ref-weight-bold);font-size:var(--ref-text-xs);text-transform:none;letter-spacing:-.01em;display:block}h1,h2,h3,h4{font-family:var(--sys-font-display);font-weight:var(--ref-weight-medium);line-height:var(--ref-leading-normal);margin:0}h1{font-size:var(--sys-text-h1)}h2{font-size:var(--sys-text-h2)}h3{font-size:var(--sys-text-h3)}h4{font-size:var(--sys-text-h4)}p{margin:0}a{color:var(--sys-color-on-surface);text-decoration:none;transition:color var(--sys-motion-fast)}a:hover{text-decoration:underline;text-underline-offset:4px}.eyebrow{font-family:var(--sys-font-mono);font-size:var(--ref-text-xs);font-weight:var(--ref-weight-regular);text-transform:uppercase;letter-spacing:.2em;color:var(--sys-color-on-surface-muted)}.mono{font-family:var(--sys-font-mono)}.engagement-card__number,.benefit__number,.cost-card__duration,.engagement-number .mono{font-family:var(--sys-font-display);font-optical-sizing:auto;font-weight:var(--ref-weight-regular);font-style:normal;font-variation-settings:"wdth" 100}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--ref-space-lg)}.container--narrow{max-width:800px}.container--wide{max-width:1400px}.panel{background:var(--comp-panel-bg);border:var(--comp-panel-border);border-radius:var(--comp-panel-radius);padding:clamp(var(--ref-space-lg),4vw,var(--comp-panel-padding));box-shadow:var(--shadow-card);position:relative}.card{background:var(--comp-card-bg);border:1px solid transparent;border-radius:var(--comp-card-radius);padding:var(--comp-card-padding);box-shadow:var(--shadow-card);transition:transform var(--sys-motion-base),border-color var(--sys-motion-base),box-shadow var(--sys-motion-base)}@media(hover:hover)and (pointer:fine){.card:hover{transform:translateY(-2px);border-color:var(--sys-color-highlight);box-shadow:var(--shadow-card)}}.card--tilted{transform:rotate(var(--tilt, -1deg))}@media(hover:hover)and (pointer:fine){.card--tilted:hover{transform:rotate(0) translateY(-2px)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ref-space-xs);padding:var(--ref-space-sm) var(--comp-button-padding);border-radius:var(--comp-button-radius);border:1px solid transparent;font-family:var(--sys-font-family);font-size:var(--comp-button-font-size);font-weight:var(--ref-weight-medium);cursor:pointer;transition:background-color var(--sys-motion-base),border-color var(--sys-motion-base),color var(--sys-motion-base),box-shadow var(--sys-motion-base),transform .16s var(--ease-out-strong);text-decoration:none}.btn:hover{text-decoration:none}.btn:active{transform:scale(.97)}.btn--primary{background:var(--comp-button-primary-bg);color:var(--sys-color-on-action);box-shadow:var(--shadow-sm)}.btn--primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn--secondary{background:var(--comp-button-secondary-bg);border-color:var(--comp-button-secondary-border);color:var(--sys-color-on-surface)}.btn--secondary:hover{border-color:var(--sys-color-action-primary);color:var(--sys-color-action-primary)}.btn--ghost{background:var(--comp-button-ghost-bg);color:var(--sys-color-on-surface);padding:var(--ref-space-xs) var(--ref-space-sm)}.btn--ghost:hover{color:var(--sys-color-accent-subtle)}.field{display:flex;flex-direction:column;gap:var(--ref-space-xs)}.field label{font-size:var(--ref-text-sm);color:var(--sys-color-on-surface-muted)}.field input,.field textarea,.field select{width:100%;padding:var(--comp-input-padding) var(--ref-space-sm);border:1px solid var(--comp-input-border);border-radius:var(--comp-input-radius);background:var(--sys-surface-card);color:var(--sys-color-on-surface);font-family:var(--sys-font-family);font-size:var(--ref-text-base);transition:border-color var(--sys-motion-fast),box-shadow var(--sys-motion-fast)}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--comp-input-focus);box-shadow:none}.field textarea{min-height:120px;resize:vertical}.stripe{height:8px;background:var(--stripe);border-radius:var(--ref-radius-full)}.stripe--thin{height:4px}body.variant-claude .site-header .stripe--masthead{height:80px!important;background:var(--stripe-stacked)!important;border-radius:0!important}body.variant-claude .site-footer .stripe--footer{height:80px!important;background:none!important;border-radius:0!important;position:relative;overflow:visible}:root{--ease-out-strong: cubic-bezier(.23, 1, .32, 1);--ease-in-out-strong: cubic-bezier(.77, 0, .175, 1)}body.variant-claude .site-header .stripe--masthead.wave-morph-entry{height:80px!important;transform-origin:left top;will-change:transform;transform:scaleX(0) scaleY(.05);animation:wave-morph-draw .9s var(--ease-out-strong) .1s forwards}@keyframes wave-morph-draw{0%{transform:scaleX(0) scaleY(.05)}45%{transform:scaleX(1) scaleY(.05)}to{transform:scaleX(1) scaleY(1)}}body.variant-claude .reveal-up .section-header__label,body.variant-claude .reveal-up .eyebrow,body.variant-claude .reveal-up .card-label,body.variant-claude .reveal-up.section-header__label,body.variant-claude .reveal-up.eyebrow,body.variant-claude .reveal-up.card-label{font-family:var(--sys-font-family);display:inline-block;clip-path:inset(0 100% 0 0);transition:clip-path .42s var(--ease-out-strong) .12s}.reveal-up.active .section-header__label,.reveal-up.active .eyebrow,.reveal-up.active .card-label,.reveal-up.active.section-header__label,.reveal-up.active.eyebrow,.reveal-up.active.card-label{clip-path:inset(0 0 0 0)}.reveal-up{opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease-out-strong),transform .6s var(--ease-out-strong)}.reveal-up.active{opacity:1;transform:translateY(0)}.reveal-up.stagger-1{transition-delay:0ms}.reveal-up.stagger-2{transition-delay:60ms}.reveal-up.stagger-3{transition-delay:.12s}.reveal-up.stagger-4{transition-delay:.18s}.reveal-up.stagger-5{transition-delay:.24s}@media(prefers-reduced-motion:reduce){body.variant-claude .site-header .stripe--masthead.wave-morph-entry{animation:none;transform:none}.reveal-up,.reveal-up.active{transform:none;transition:opacity .2s ease}body.variant-claude .reveal-up .section-header__label,body.variant-claude .reveal-up .eyebrow,body.variant-claude .reveal-up .card-label,body.variant-claude .reveal-up.section-header__label,body.variant-claude .reveal-up.eyebrow,body.variant-claude .reveal-up.card-label{clip-path:none;transition:none}}.fluid-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:8vw 4vw;align-items:start}.fluid-grid .case-card:nth-child(3n+1){grid-column:1 / span 8;margin-top:0}.fluid-grid .case-card:nth-child(3n+2){grid-column:8 / span 5;margin-top:15vh}.fluid-grid .case-card:nth-child(3n+3){grid-column:3 / span 8;margin-top:-5vh;margin-bottom:12vh}.fluid-grid .card:nth-child(3n+1){grid-column:1 / span 8;margin-top:0}.fluid-grid .card:nth-child(3n+2){grid-column:8 / span 5;margin-top:15vh}.fluid-grid .card:nth-child(3n+3){grid-column:3 / span 8;margin-top:-5vh;margin-bottom:12vh}.fluid-grid .case-card.reveal-up.active,.fluid-grid .card.reveal-up.active{transform:translateY(0)}@media(max-width:768px){.fluid-grid{display:flex;flex-direction:column;gap:40px}.fluid-grid .case-card:nth-child(n),.fluid-grid .card:nth-child(n){margin:0!important;width:100%;grid-column:auto}}.work-card{position:relative;transition:border-color var(--sys-motion-base);transform-origin:center center;z-index:1}.work-card.is-expanded{grid-column:1 / -1!important;margin-top:4rem!important;margin-bottom:4rem!important;z-index:10}.work-card .details-pane{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .28s var(--ease-in-out-strong),opacity .2s ease}.work-card .details-pane>*{min-height:0;overflow:hidden}.work-card.is-expanded .details-pane{grid-template-rows:1fr;opacity:1;padding:60px 0;transition:grid-template-rows .32s var(--ease-out-strong),opacity .24s ease 80ms}body.variant-claude .panel,body.variant-claude .card,body.variant-claude .hero__frame,body.variant-claude .model-card,body.variant-claude .engagement-card,body.variant-claude .value-card,body.variant-claude .cost-card,body.variant-claude .result-card,body.variant-claude .fit-card,body.variant-claude .tool-card,body.variant-claude .ref-card,body.variant-claude .cta-graphic-card,body.variant-claude .contact-option,body.variant-claude .testimonial,body.variant-claude .engagement-detail,body.variant-claude .benefit,body.variant-claude .model-layer,body.variant-claude .triad-node{box-shadow:none!important}body.variant-claude .panel,body.variant-claude .cta-graphic-card,body.variant-claude .engagement-detail,body.variant-claude .model-layer{border:none!important}body.variant-claude .card,body.variant-claude .hero__frame,body.variant-claude .model-card,body.variant-claude .engagement-card,body.variant-claude .value-card,body.variant-claude .cost-card,body.variant-claude .result-card,body.variant-claude .fit-card,body.variant-claude .tool-card,body.variant-claude .ref-card,body.variant-claude .contact-option,body.variant-claude .testimonial,body.variant-claude .benefit,body.variant-claude .triad-node{border:1px solid transparent!important;transition:border-color var(--sys-motion-base)}body.variant-claude .card:hover,body.variant-claude .hero__frame:hover,body.variant-claude .model-card:hover,body.variant-claude .engagement-card:hover,body.variant-claude .value-card:hover,body.variant-claude .cost-card:hover,body.variant-claude .result-card:hover,body.variant-claude .fit-card:hover,body.variant-claude .tool-card:hover,body.variant-claude .ref-card:hover,body.variant-claude .contact-option:hover,body.variant-claude .testimonial:hover,body.variant-claude .benefit:hover,body.variant-claude .triad-node:hover{border-color:var(--sys-color-highlight)!important}body.variant-claude .case-card{border:1px solid color-mix(in srgb,var(--ref-neutral-ink),transparent 90%)!important;background:transparent;padding:var(--ref-space-lg);transition:border-color var(--sys-motion-base)}body.variant-claude .case-card:hover{border-color:var(--sys-color-highlight)!important}body.variant-claude .case-card .card-label{font-size:var(--ref-text-xs);line-height:var(--ref-leading-normal);max-width:150px;opacity:.8}.divider{height:1px;background:var(--sys-surface-border);border:none;margin:var(--ref-space-lg) 0}.divider--accent{height:3px;background:var(--stripe);border-radius:var(--ref-radius-full)}.badge{display:inline-flex;align-items:center;gap:var(--ref-space-xs);padding:var(--ref-space-xs) var(--ref-space-sm);border-radius:var(--comp-badge-radius);background:var(--comp-badge-default-bg);border:1px solid var(--comp-badge-default-border);color:var(--comp-badge-default-color);font-family:var(--sys-font-mono);font-size:var(--comp-badge-font-size);text-transform:uppercase;letter-spacing:.08em}.badge--accent{background:var(--comp-badge-accent-bg);border-color:var(--comp-badge-accent-border);color:var(--comp-badge-accent-color)}.badge--highlight{background:var(--comp-badge-highlight-bg);border-color:var(--comp-badge-highlight-border);color:var(--comp-badge-highlight-color)}.section-header{display:flex;align-items:center;gap:var(--ref-space-md);margin-bottom:var(--ref-space-lg)}.section-header__label{font-family:var(--sys-font-family);font-weight:var(--ref-weight-regular);font-size:var(--ref-text-xs);color:var(--sys-color-on-surface-muted);white-space:nowrap}.section-header__rule{flex:1;height:1px;background:var(--sys-surface-border)}.text-center{text-align:center}.text-muted{color:var(--sys-color-on-surface-muted)}.text-accent{color:var(--sys-color-accent-subtle)}.mt-sm{margin-top:var(--ref-space-sm)}.mt-md{margin-top:var(--ref-space-md)}.mt-lg{margin-top:var(--ref-space-lg)}.mt-xl{margin-top:var(--ref-space-xl)}.mb-sm{margin-bottom:var(--ref-space-sm)}.mb-md{margin-bottom:var(--ref-space-md)}.mb-lg{margin-bottom:var(--ref-space-lg)}.mb-xl{margin-bottom:var(--ref-space-xl)}@media(max-width:768px){.container{padding:0 var(--ref-space-md)}h1{font-size:clamp(2rem,6vw,2.8rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
