/*! STRATGIES compiled stylesheet — generated by tools/build-css.js
 *  2026-07-31T10:19:50.303Z
 *  Utilities generated: 213. Do not edit; edit assets/src/css. */






:root {
  
  --str-ink-rgb: 4 16 42;      
  --str-depth-rgb: 10 29 66;   
  --str-depth-2-rgb: 18 39 83; 

  --str-ink: rgb(var(--str-ink-rgb));         
  --str-depth: rgb(var(--str-depth-rgb));     
  --str-depth-2: rgb(var(--str-depth-2-rgb)); 
  --str-line: #1c2f5c;      

  
  --str-paper-rgb: 245 246 250; 
  --str-moss-rgb: 141 150 184;  
  --str-mist-rgb: 86 95 126;    

  --str-paper: rgb(var(--str-paper-rgb));
  --str-moss: rgb(var(--str-moss-rgb));   
  --str-mist: rgb(var(--str-mist-rgb));   
  --str-fog: #2a3358;       

  
  
  --str-signal-rgb: 249 118 59;   
  --str-aqua-rgb: 147 56 226;     
  --str-amber-rgb: 255 166 85;    
  --str-coral-rgb: 214 50 139;    
  --str-violet-rgb: 124 58 237;   

  --str-signal: rgb(var(--str-signal-rgb));  
  --str-aqua: rgb(var(--str-aqua-rgb));      
  --str-amber: rgb(var(--str-amber-rgb));    
  --str-coral: rgb(var(--str-coral-rgb));    
  --str-violet: rgb(var(--str-violet-rgb));  

  --str-signal-a12: color-mix(in oklab, var(--str-signal) 12%, transparent);
  --str-signal-a24: color-mix(in oklab, var(--str-signal) 24%, transparent);
  --str-aqua-a12: color-mix(in oklab, var(--str-aqua) 12%, transparent);
  --str-amber-a12: color-mix(in oklab, var(--str-amber) 12%, transparent);
  --str-coral-a12: color-mix(in oklab, var(--str-coral) 12%, transparent);
  --str-violet-a12: color-mix(in oklab, var(--str-violet) 12%, transparent);

  
  --str-bg: var(--str-ink);
  --str-bg-elevated: var(--str-depth);
  --str-bg-sunken: #020a1c;

  --str-text: var(--str-paper);
  --str-text-secondary: var(--str-moss);
  --str-text-tertiary: var(--str-mist);
  --str-text-inverse: var(--str-ink);

  --str-glass: rgb(245 246 250 / 0.04);
  --str-glass-strong: rgb(245 246 250 / 0.07);
  --str-border: rgb(245 246 250 / 0.09);
  --str-border-strong: rgb(245 246 250 / 0.16);

  --str-accent: var(--str-signal);
  --str-success: var(--str-signal);
  --str-warning: var(--str-amber);
  --str-danger: #ff5a5f;
  --str-focus: var(--str-signal);
  --str-selection: color-mix(in oklab, var(--str-signal) 30%, transparent);

  
  --str-grad-brand: linear-gradient(100deg, var(--str-signal) 0%, var(--str-coral) 50%, var(--str-aqua) 100%);
  --str-grad-surface: linear-gradient(180deg, rgb(245 246 250 / 0.05) 0%, rgb(245 246 250 / 0.015) 45%, transparent 100%);
  --str-grad-hairline: linear-gradient(90deg, transparent, var(--str-border-strong) 25%, var(--str-border-strong) 75%, transparent);
  --str-grad-depth: radial-gradient(120% 70% at 50% -10%, var(--str-signal-a12) 0%, transparent 60%);
  --str-grad-text: linear-gradient(180deg, var(--str-paper) 0%, color-mix(in oklab, var(--str-paper) 60%, var(--str-moss)) 100%);

  
  --str-field-dot: rgb(245 246 250 / 0.05);
  --str-field-size: 22px;

  
  --str-font-display: 'Clash Display', 'Clash Display Fallback', ui-sans-serif, system-ui, sans-serif;
  --str-font-body: 'General Sans', 'General Sans Fallback', ui-sans-serif, system-ui, sans-serif;
  --str-font-mono: 'Azeret Mono', ui-monospace, 'SFMono-Regular', monospace;

  --str-text-2xs: 0.6875rem;
  --str-text-xs: 0.75rem;
  --str-text-sm: 0.875rem;
  --str-text-base: 1rem;
  --str-text-lg: clamp(1.0625rem, 0.99rem + 0.36vw, 1.1875rem);
  --str-text-xl: clamp(1.1875rem, 1.08rem + 0.54vw, 1.375rem);
  --str-text-2xl: clamp(1.375rem, 1.2rem + 0.88vw, 1.75rem);
  --str-text-3xl: clamp(1.75rem, 1.46rem + 1.44vw, 2.375rem);
  --str-text-4xl: clamp(2.125rem, 1.65rem + 2.38vw, 3.25rem);
  --str-text-5xl: clamp(2.625rem, 1.83rem + 3.97vw, 4.5rem);
  --str-text-6xl: clamp(3.125rem, 1.86rem + 6.35vw, 6rem);
  --str-text-7xl: clamp(3.5rem, 1.32rem + 10.9vw, 8rem);

  --str-leading-none: 0.96;
  --str-leading-tight: 1.1;
  --str-leading-snug: 1.28;
  --str-leading-normal: 1.55;
  --str-leading-relaxed: 1.7;

  --str-tracking-display: -0.02em;
  --str-tracking-tight: -0.012em;
  --str-tracking-normal: 0em;
  --str-tracking-wide: 0.04em;
  --str-tracking-label: 0.14em;

  --str-weight-regular: 400;
  --str-weight-medium: 500;
  --str-weight-semibold: 600;
  --str-weight-bold: 700;

  --str-measure: 66ch;

  
  --str-space-0-5: 0.125rem; --str-space-1-5: 0.375rem; --str-space-2-5: 0.625rem;
  --str-space-1: 0.25rem;  --str-space-2: 0.5rem;   --str-space-3: 0.75rem;
  --str-space-4: 1rem;     --str-space-5: 1.25rem;  --str-space-6: 1.5rem;
  --str-space-7: 1.75rem;  --str-space-8: 2rem;     --str-space-9: 2.25rem;
  --str-space-10: 2.5rem;  --str-space-11: 2.75rem; --str-space-12: 3rem;
  --str-space-13: 3.25rem; --str-space-16: 4rem;    --str-space-20: 5rem;
  --str-space-24: 6rem;    --str-space-32: 8rem;
  --str-space-40: 10rem;   --str-space-48: 12rem;

  

  --str-section-y: clamp(4rem, 2.6rem + 7vw, 9rem);
  --str-section-y-sm: clamp(2.75rem, 2rem + 3.7vw, 5.5rem);
  --str-gutter: clamp(1.25rem, 0.9rem + 1.8vw, 2.5rem);

  
  --str-container: 76rem;        
  --str-container-wide: 88rem;   
  --str-container-narrow: 44rem; 
  --str-header-height: 4.25rem;
  --str-grid-columns: 12;

  
  --str-radius-xs: 0.5rem;
  --str-radius-sm: 0.75rem;
  --str-radius-md: 1rem;
  --str-radius-lg: 1.5rem;
  --str-radius-xl: 2rem;
  --str-radius-full: 999px;

  
  --str-shadow-xs: 0 1px 2px rgb(1 4 12 / 0.45);
  --str-shadow-sm: 0 3px 10px -3px rgb(1 4 12 / 0.55);
  --str-shadow-md: 0 14px 30px -14px rgb(1 4 12 / 0.65);
  --str-shadow-lg: 0 30px 64px -26px rgb(1 4 12 / 0.75);
  --str-shadow-inset: inset 0 1px 0 0 rgb(245 246 250 / 0.05);

  --str-glow-signal: 0 0 28px color-mix(in oklab, var(--str-signal) 45%, transparent);
  --str-glow-sm: 0 4px 16px -6px var(--str-signal-a24);
  --str-glow-md: 0 8px 32px -8px var(--str-signal-a24);

  --str-blur-sm: 8px;
  --str-blur-md: 16px;
  --str-blur-lg: 26px;

  
  --str-dur-instant: 90ms;
  --str-dur-fast: 180ms;
  --str-dur-base: 320ms;
  --str-dur-slow: 620ms;
  --str-dur-current: 6400ms; 

  --str-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --str-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --str-ease-current: cubic-bezier(0.37, 0, 0.63, 1);

  --str-stagger: 60ms;

  
  --str-z-base: 0;
  --str-z-raised: 10;
  --str-z-sticky: 100;
  --str-z-header: 200;
  --str-z-overlay: 300;
  --str-z-modal: 400;
  --str-z-progress: 950;
  --str-z-toast: 1000;

  
  --brand-primary: var(--str-signal);         
  --brand-secondary: var(--str-ink);          
  --brand-orange: var(--str-signal);
  --brand-pink: var(--str-coral);
  --brand-purple: var(--str-aqua);
  --brand-surface: var(--str-depth);
  --brand-background: var(--str-bg);
  --brand-card: var(--str-depth-2);
  --brand-border: var(--str-border);
  --brand-glow: var(--str-glow-signal);
  --brand-text: var(--str-text);
  --brand-muted: var(--str-text-secondary);
  --brand-gradient-start: var(--str-signal);  
  --brand-gradient-end: var(--str-aqua);      
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --str-dur-instant: 1ms;
    --str-dur-fast: 1ms;
    --str-dur-base: 1ms;
    --str-dur-slow: 1ms;
    --str-dur-current: 1ms;
    --str-stagger: 0ms;
  }
}





@font-face {
  font-family: 'Clash Display';
  src: url('../../../fonts/ClashDisplay-Variable.woff2') format('woff2-variations');
  font-weight: 400 700;
  font-display: swap;
}

@font-face {
  font-family: 'General Sans';
  src: url('../../../fonts/GeneralSans-Variable.woff2') format('woff2-variations');
  font-weight: 400 700;
  font-display: swap;
}

@font-face {
  font-family: 'Azeret Mono';
  src: url('../../../fonts/AzeretMono-Variable.woff2') format('woff2-variations');
  font-weight: 400 600;
  font-display: swap;
}


@font-face {
  font-family: 'Clash Display Fallback';
  src: local('Arial');
  size-adjust: 104%;
  ascent-override: 92%;
  descent-override: 24%;
}

@font-face {
  font-family: 'General Sans Fallback';
  src: local('Arial');
  size-adjust: 100%;
  ascent-override: 90%;
  descent-override: 22%;
}



*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--str-border,currentColor)}
::before,::after{--tw-content:''}
html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--str-font-body);-webkit-font-smoothing:antialiased}
body{margin:0;line-height:inherit}
hr{height:0;color:inherit;border-top-width:1px}
abbr:where([title]){text-decoration:underline dotted}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}
a{color:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,samp,pre{font-family:var(--str-font-mono);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;color:inherit;margin:0;padding:0}
button,select{text-transform:none}
button,[type='button'],[type='reset'],[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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}
fieldset{margin:0;padding:0}
legend{padding:0}
ol,ul,menu{list-style:none;margin:0;padding:0}
dialog{padding:0}
textarea{resize:vertical}
input::placeholder,textarea::placeholder{opacity:1;color:var(--str-mist)}
button,[role="button"]{cursor:pointer}
:disabled{cursor:default}
img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
[hidden]{display:none}




*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; }
html { -webkit-text-size-adjust: 100%; }
body { min-height: 100svh; }
img, picture, svg, video { display: block; max-width: 100%; }
input, button, textarea, select { font: inherit; color: inherit; }
button { cursor: pointer; background: none; border: none; padding: 0; }
a { color: inherit; text-decoration: none; }
ul[class], ol[class] { list-style: none; padding: 0; }



html {
  font-family: var(--str-font-body);
  font-size: 16px;
  color-scheme: dark;
}

body {
  background-color:rgb(var(--str-ink-rgb) / 1);color:rgb(var(--str-paper-rgb) / 1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  font-family: var(--str-font-body);
  line-height: var(--str-leading-normal);
  letter-spacing: var(--str-tracking-normal);
}

h1, h2, h3, h4,
.str-h1, .str-h2, .str-h3, .str-h4 {
  font-family: var(--str-font-display);
  font-weight: var(--str-weight-medium);
  letter-spacing: var(--str-tracking-display);
  line-height: var(--str-leading-tight);
}

h1, .str-h1 { font-size:var(--str-text-6xl); line-height: var(--str-leading-none); }
h2, .str-h2 { font-size:var(--str-text-5xl); }
h3, .str-h3 { font-size:var(--str-text-3xl); }
h4, .str-h4 { font-size:var(--str-text-2xl); }

p { max-width: var(--str-measure); }
p + p { margin-top: var(--str-space-4); }

::selection { background: var(--str-selection); color: var(--str-paper); }

:focus-visible { outline: 2px solid var(--str-focus); outline-offset: 2px; }






.str-glass {
  position:relative;border-radius:var(--str-radius-lg);border-width:1px;border-color:var(--str-border);background-color:var(--str-glass);backdrop-filter:blur(var(--str-blur-md));-webkit-backdrop-filter:blur(var(--str-blur-md));
  box-shadow: var(--str-shadow-inset), var(--str-shadow-sm);
}

.str-glass::before {
  content: '';
  pointer-events:none;position:absolute;top:0px;right:0px;bottom:0px;left:0px;border-radius:inherit;
  background: var(--str-grad-surface);
}



.str-text-grad {
  background: var(--str-grad-text);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}


.str-eyebrow,
.str-card--metric .str-card__label {
  font-family:var(--str-font-mono);font-size:var(--str-text-2xs);text-transform:uppercase;color:rgb(var(--str-moss-rgb) / 1);
  letter-spacing: var(--str-tracking-label);
}

.str-focus-ring {
  outline:2px solid transparent;outline-offset:2px;
}
.str-focus-ring:focus-visible {
  border-radius:var(--str-radius-xs);outline-style:solid;outline-width:2px;outline-offset:2px;
  outline-color: var(--str-focus);
}

.str-container {
  margin-left:auto;margin-right:auto;width:100%;max-width:var(--str-container);padding-left:var(--str-gutter);padding-right:var(--str-gutter);
}
.str-container-narrow {
  margin-left:auto;margin-right:auto;width:100%;max-width:var(--str-container-narrow);padding-left:var(--str-gutter);padding-right:var(--str-gutter);
}

.str-visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
}
.str-visually-hidden.str-skip-link:focus {
  
  position:relative;border-radius:var(--str-radius-lg);border-width:1px;border-color:var(--str-border);background-color:var(--str-glass);backdrop-filter:blur(var(--str-blur-md));-webkit-backdrop-filter:blur(var(--str-blur-md));
  box-shadow: var(--str-shadow-inset), var(--str-shadow-sm);
position:fixed;left:var(--str-space-4);top:var(--str-space-4);z-index:var(--str-z-toast);height:auto;width:auto;padding-left:var(--str-space-4);padding-right:var(--str-space-4);padding-top:var(--str-space-3);padding-bottom:var(--str-space-3);font-size:var(--str-text-sm);color:rgb(var(--str-paper-rgb) / 1);
  clip: auto;
  clip-path: none;
  overflow: visible;
  white-space: normal;
}


[data-live-status] {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  flex: none;
  border-radius: var(--str-radius-full);
  background: currentColor;
  color: var(--str-moss);
}

[data-live-status].is-live {
  color: var(--str-signal);
  box-shadow: 0 0 0 0 rgb(var(--str-signal-rgb) / 0.45);
  animation: str-live-pulse 2.4s var(--str-ease-out) infinite;
}

@keyframes str-live-pulse {
  0%   { box-shadow: 0 0 0 0 rgb(var(--str-signal-rgb) / 0.45); }
  70%  { box-shadow: 0 0 0 0.4rem rgb(var(--str-signal-rgb) / 0); }
  100% { box-shadow: 0 0 0 0 rgb(var(--str-signal-rgb) / 0); }
}

@media (prefers-reduced-motion: reduce) {
  [data-live-status].is-live { animation: none; }
}







.str-btn {
  
  outline:2px solid transparent;outline-offset:2px;
display:inline-flex;align-items:center;justify-content:center;gap:var(--str-space-2);white-space:nowrap;border-radius:var(--str-radius-full);font-family:var(--str-font-body);font-size:var(--str-text-sm);font-weight:500;transition-property:transform,box-shadow,border-color,background-color;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms;transition-duration:var(--str-dur-fast);transition-timing-function:var(--str-ease-out);
}

.str-btn:active { transform: scale(0.97); }


.str-btn--primary {
  border-width:1px;border-color:rgb(var(--str-signal-rgb) / 1);background-color:rgb(var(--str-signal-rgb) / 0.1);color:rgb(var(--str-paper-rgb) / 1);
}
.str-btn--primary:hover {
  background-color:rgb(var(--str-signal-rgb) / 0.16);
  box-shadow: var(--str-glow-sm);
}

.str-btn--secondary {
  border-width:1px;border-color:var(--str-border-strong);background-color:transparent;color:rgb(var(--str-paper-rgb) / 1);
}
.str-btn--secondary:hover { border-color:rgb(var(--str-signal-rgb) / 0.6);background-color:var(--str-glass); }

.str-btn--ghost {
  border-width:1px;border-color:transparent;background-color:transparent;color:rgb(var(--str-moss-rgb) / 1);
}
.str-btn--ghost:hover { color:rgb(var(--str-paper-rgb) / 1); }


.str-btn--sm { height:var(--str-space-9);padding-left:var(--str-space-4);padding-right:var(--str-space-4);font-size:var(--str-text-xs); }
.str-btn--md { height:var(--str-space-11);padding-left:var(--str-space-6);padding-right:var(--str-space-6); }
.str-btn--lg { height:var(--str-space-13);padding-left:var(--str-space-8);padding-right:var(--str-space-8);font-size:var(--str-text-lg); }

.str-btn:disabled { pointer-events:none;opacity:0.4; }

.str-btn__icon { height:var(--str-space-4);width:var(--str-space-4);flex-shrink:0; }


.str-btn.is-loading {
  pointer-events: none;
  cursor: progress;
}

.str-btn__spinner {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  flex: none;
  border-radius: var(--str-radius-full);
  border: 2px solid rgb(var(--str-paper-rgb) / 0.25);
  border-top-color: currentColor;
  animation: str-btn-spin 0.7s linear infinite;
}

@keyframes str-btn-spin {
  to { transform: rotate(360deg); }
}


@media (prefers-reduced-motion: reduce) {
  .str-btn__spinner {
    animation: str-btn-fade 1.2s ease-in-out infinite;
  }
  @keyframes str-btn-fade {
    0%, 100% { opacity: 0.35; }
    50%      { opacity: 1; }
  }
}





.str-card {
  
  position:relative;border-radius:var(--str-radius-lg);border-width:1px;border-color:var(--str-border);background-color:var(--str-glass);backdrop-filter:blur(var(--str-blur-md));-webkit-backdrop-filter:blur(var(--str-blur-md));
  box-shadow: var(--str-shadow-inset), var(--str-shadow-sm);
padding:var(--str-space-6);transition-property:border-color,transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms;transition-duration:var(--str-dur-base);transition-timing-function:var(--str-ease-out);
}
.str-card--interactive:hover {
  border-color:var(--str-border-strong);
  transform: translateY(-2px);
}

.str-card--service {
  
  
  position:relative;border-radius:var(--str-radius-lg);border-width:1px;border-color:var(--str-border);background-color:var(--str-glass);backdrop-filter:blur(var(--str-blur-md));-webkit-backdrop-filter:blur(var(--str-blur-md));
  box-shadow: var(--str-shadow-inset), var(--str-shadow-sm);
padding:var(--str-space-6);transition-property:border-color,transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms;transition-duration:var(--str-dur-base);transition-timing-function:var(--str-ease-out);
display:flex;flex-direction:column;gap:var(--str-space-4);
}
.str-card--service .str-card__channel-dot {
  height:var(--str-space-2-5);width:var(--str-space-2-5);border-radius:var(--str-radius-full);
}

.str-card--metric {
  
  
  position:relative;border-radius:var(--str-radius-lg);border-width:1px;border-color:var(--str-border);background-color:var(--str-glass);backdrop-filter:blur(var(--str-blur-md));-webkit-backdrop-filter:blur(var(--str-blur-md));
  box-shadow: var(--str-shadow-inset), var(--str-shadow-sm);
padding:var(--str-space-6);transition-property:border-color,transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms;transition-duration:var(--str-dur-base);transition-timing-function:var(--str-ease-out);
display:flex;flex-direction:column;gap:var(--str-space-1);
}
.str-card--metric .str-card__value {
  font-family:var(--str-font-display);font-size:var(--str-text-4xl);color:rgb(var(--str-paper-rgb) / 1);
  letter-spacing: var(--str-tracking-display);
}



.str-card--case {
  
  
  position:relative;border-radius:var(--str-radius-lg);border-width:1px;border-color:var(--str-border);background-color:var(--str-glass);backdrop-filter:blur(var(--str-blur-md));-webkit-backdrop-filter:blur(var(--str-blur-md));
  box-shadow: var(--str-shadow-inset), var(--str-shadow-sm);
padding:var(--str-space-6);transition-property:border-color,transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms;transition-duration:var(--str-dur-base);transition-timing-function:var(--str-ease-out);
position:relative;overflow:hidden;padding:0px;
}
.str-card--case .str-card__media {
  aspect-ratio:4/3;width:100%;background-color:rgb(var(--str-depth-2-rgb) / 1);
}
.str-card--case .str-card__body {
  display:flex;flex-direction:column;gap:var(--str-space-2);padding:var(--str-space-6);
}




.str-panel {
  
  position:relative;border-radius:var(--str-radius-lg);border-width:1px;border-color:var(--str-border);background-color:var(--str-glass);backdrop-filter:blur(var(--str-blur-md));-webkit-backdrop-filter:blur(var(--str-blur-md));
  box-shadow: var(--str-shadow-inset), var(--str-shadow-sm);
border-radius:var(--str-radius-xl);padding:var(--str-space-8);
}





.str-current {
  pointer-events:none;position:relative;display:block;width:100%;overflow:visible;
  color: var(--str-signal);
}

.str-current__path {
  fill: none;
  stroke: url(#str-current-gradient);
  stroke-width: 1.5;
  stroke-linecap: round;
  filter: drop-shadow(0 0 6px var(--str-signal-a24));
}

.str-current--animated .str-current__path {
  stroke-dasharray: 1400;
  stroke-dashoffset: 1400;
  animation: str-current-draw var(--str-dur-current) var(--str-ease-current) forwards;
}

@keyframes str-current-draw {
  to { stroke-dashoffset: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .str-current--animated .str-current__path {
    stroke-dashoffset: 0;
    animation: none;
  }
}



.str-nav {
  position:fixed;left:0px;right:0px;top:0px;z-index:var(--str-z-header);transition-property:background-color,border-color;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms;transition-duration:var(--str-dur-base);transition-timing-function:var(--str-ease-out);
}
.str-nav--scrolled {
  border-bottom-width:1px;border-color:var(--str-border);background-color:rgb(var(--str-ink-rgb) / 0.8);backdrop-filter:blur(var(--str-blur-md));-webkit-backdrop-filter:blur(var(--str-blur-md));
}
.str-nav__link {
  
  outline:2px solid transparent;outline-offset:2px;
position:relative;font-size:var(--str-text-sm);color:rgb(var(--str-moss-rgb) / 1);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms;transition-duration:var(--str-dur-fast);&:hover{color:rgb(var(--str-paper-rgb) / 1);}
}
.str-nav__link[aria-current='page'] { color:rgb(var(--str-paper-rgb) / 1); }


.str-mobile-panel {
  
  
  position:relative;border-radius:var(--str-radius-lg);border-width:1px;border-color:var(--str-border);background-color:var(--str-glass);backdrop-filter:blur(var(--str-blur-md));-webkit-backdrop-filter:blur(var(--str-blur-md));
  box-shadow: var(--str-shadow-inset), var(--str-shadow-sm);
border-radius:var(--str-radius-xl);padding:var(--str-space-8);
position:fixed;left:var(--str-space-4);right:var(--str-space-4);top:calc(var(--str-header-height)+0.5rem);z-index:var(--str-z-overlay);transform-origin:top;transform:scale(0.95);opacity:0;transition-property:opacity,transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms;transition-duration:var(--str-dur-base);transition-timing-function:var(--str-ease-out);@media (min-width:64rem){display:none;}
  visibility: hidden;
}
.str-mobile-panel[data-open='true'] {
  transform:scale(1);opacity:1;
  visibility: visible;
}





.str-hero {
  position: relative;
  display: grid;
  grid-template-rows: 1fr auto;
  align-items: center;
  min-height: min(94svh, 50rem);
  padding-block: calc(var(--str-header-height) + var(--str-space-8)) var(--str-space-8);
  overflow: hidden;      
  isolation: isolate;    
}


.str-hero__layer {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
  
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 58%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 58%, transparent 100%);
}

.str-hero::before {
  content: '';
  position: absolute;
  inset-inline: 0;
  top: 0;
  height: 60%;
  z-index: -1;
  background: var(--str-grad-depth);
  pointer-events: none;
  
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 55%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 55%, transparent 100%);
}


.str-hero__inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--str-space-12);
  align-items: center;
  width: 100%;
}

@media (min-width: 64rem) {
  .str-hero__inner {
    
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: var(--str-space-10);
  }
}


.str-hero__copy {
  display: grid;
  justify-items: start;
  gap: var(--str-space-5);
}

.str-hero__badge {
  display: inline-flex;
  align-items: center;
  gap: var(--str-space-2);
  padding: 0.4rem 0.9rem 0.4rem 0.7rem;
  border: 1px solid var(--str-border);
  border-radius: var(--str-radius-full);
  background: var(--str-glass);
  backdrop-filter: blur(var(--str-blur-sm));
  -webkit-backdrop-filter: blur(var(--str-blur-sm));
}

.str-hero__title {
  
  max-width: 20ch;
  margin: 0;
  color: var(--str-text);
  font-family: var(--str-font-display);
  
  font-size: min(var(--str-text-5xl), 3rem);
  font-weight: var(--str-weight-semibold);
  line-height: var(--str-leading-none);
  letter-spacing: var(--str-tracking-display);
}



.str-hero__lead {
  max-width: 46ch;
  margin: 0;
  color: var(--str-text-secondary);
  font-size: var(--str-text-lg);
  line-height: var(--str-leading-normal);
  text-wrap: pretty;
}

.str-hero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--str-space-3);
  margin-top: var(--str-space-1);
}

.str-hero__stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr));
  gap: var(--str-space-6);
  width: 100%;
  margin: var(--str-space-1) 0 0;
  padding-top: var(--str-space-5);
  border-top: 1px solid var(--str-border);
}

.str-hero__stat-value {
  margin: 0;
  color: var(--str-text);
  font-family: var(--str-font-display);
  font-size: var(--str-text-3xl);
  line-height: 1;
}

.str-hero__stat-label {
  margin-top: var(--str-space-2);
  color: var(--str-text-secondary);
  font-size: var(--str-text-sm);
}


.str-hero__panel {
  position: relative;
  display: grid;
}

.str-hero__console {
  display: grid;
  gap: var(--str-space-4);
  padding: var(--str-space-4);
  border: 1px solid var(--str-border-strong);
  border-radius: var(--str-radius-lg);
  background:
    linear-gradient(180deg, rgb(245 246 250 / 0.055) 0%, rgb(245 246 250 / 0.02) 100%),
    var(--str-depth);
  box-shadow: var(--str-shadow-inset), var(--str-shadow-lg);
  backdrop-filter: blur(var(--str-blur-md));
  -webkit-backdrop-filter: blur(var(--str-blur-md));
}

.str-hero__console-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--str-space-3);
  padding-bottom: var(--str-space-4);
  border-bottom: 1px solid var(--str-border);
}

.str-hero__console-title {
  display: flex;
  align-items: center;
  gap: var(--str-space-2);
  color: var(--str-text);
  font-size: var(--str-text-sm);
  font-weight: var(--str-weight-medium);
}

.str-hero__console-meta {
  display: flex;
  align-items: center;
  gap: var(--str-space-2);
  color: var(--str-text-tertiary);
  font-family: var(--str-font-mono);
  font-size: var(--str-text-2xs);
  letter-spacing: var(--str-tracking-label);
  text-transform: uppercase;
}


.str-hero__metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--str-space-3);
}

.str-hero__metric {
  display: grid;
  align-content: start;
  gap: var(--str-space-2);
  min-height: 5.5rem;
  padding: var(--str-space-4);
  border: 1px solid var(--str-border);
  border-radius: var(--str-radius-md);
  background: var(--str-glass);
  transition: border-color var(--str-dur-fast) var(--str-ease-out),
              transform var(--str-dur-fast) var(--str-ease-out);
}

.str-hero__metric:hover {
  border-color: var(--str-border-strong);
  transform: translateY(-2px);
}

.str-hero__metric--wide { grid-column: 1 / -1; }

.str-hero__metric-label {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  
  color: var(--str-text-secondary);
  font-family: var(--str-font-mono);
  font-size: var(--str-text-2xs);
  letter-spacing: var(--str-tracking-label);
  text-transform: uppercase;
  white-space: nowrap;
}

.str-hero__metric-value {
  color: var(--str-text);
  font-family: var(--str-font-display);
  font-size: var(--str-text-2xl);
  line-height: 1;
}

.str-hero__metric-note {
  color: var(--str-text-secondary);
  font-size: var(--str-text-xs);
}

.str-hero__dot {
  width: 0.5rem;
  height: 0.5rem;
  flex: none;
  border-radius: var(--str-radius-full);
  background: currentColor;
}


.str-hero__ticker {
  display: flex;
  align-items: center;
  gap: var(--str-space-2);
  color: var(--str-text);
  font-size: var(--str-text-sm);
}

.str-hero__track {
  height: 0.25rem;
  border-radius: var(--str-radius-full);
  background: var(--str-depth-2);
  overflow: hidden;
}

.str-hero__track > span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--str-grad-brand);
}


.str-hero__spark { display: block; width: 100%; height: 2rem; }

.str-hero__bars {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  align-items: end;
  gap: 0.2rem;
  height: 2rem;
}

.str-hero__bars > i {
  display: block;
  border-radius: 2px 2px 0 0;
  background: var(--str-aqua);
  opacity: 0.75;
}

.str-hero__pills {
  display: flex;
  flex-wrap: wrap;
  gap: var(--str-space-2);
}

.str-hero__pill {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.2rem 0.5rem;
  border: 1px solid var(--str-border);
  border-radius: var(--str-radius-full);
  color: var(--str-text-secondary);
  font-size: var(--str-text-2xs);
}


.str-hero__orbit {
  display: none;
  pointer-events: none;
}

@media (min-width: 80rem) {
  .str-hero__orbit {
    position: absolute;
    inset: -3.5rem -4.5rem;
    display: block;
    z-index: -1;
  }
}

.str-hero__chip {
  position: absolute;
  display: grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid var(--str-border);
  border-radius: var(--str-radius-full);
  background: var(--str-depth);
  box-shadow: var(--str-shadow-sm);
  color: var(--str-text-secondary);
  font-family: var(--str-font-mono);
  font-size: var(--str-text-2xs);
  letter-spacing: 0;
  overflow: hidden;
}


.str-hero__chip-logo {
  width: 1.4rem;
  height: 1.4rem;
  object-fit: contain;
  
  filter: drop-shadow(0 1px 2px rgb(0 0 0 / 0.35));
}


.str-hero__cue {
  display: grid;
  justify-items: center;
  gap: var(--str-space-2);
  margin-top: var(--str-space-8);
  color: var(--str-text-tertiary);
  font-family: var(--str-font-mono);
  font-size: var(--str-text-2xs);
  letter-spacing: var(--str-tracking-label);
  text-transform: uppercase;
}

.str-hero__cue-line {
  width: 1px;
  height: 2rem;
  background: linear-gradient(180deg, var(--str-border-strong), transparent);
}

@media (max-width: 63.99rem) {
  .str-hero { min-height: 0; }
  .str-hero__title { max-width: 22ch; font-size: var(--str-text-3xl); }
  .str-hero__cue { display: none; }
}





.str-header {
  position: fixed;
  inset-inline: 0;
  top: 0;
  z-index: var(--str-z-header);
  transition: background-color var(--str-dur-base) var(--str-ease-out),
              border-color var(--str-dur-base) var(--str-ease-out),
              box-shadow var(--str-dur-base) var(--str-ease-out),
              padding-block var(--str-dur-base) var(--str-ease-out);
}


.str-header[data-sticky='false'] {
  position: absolute;
}


.str-header {
  background: transparent;
  border-bottom: 1px solid transparent;
}


.str-header[data-scrolled='true'] {
  background: color-mix(in oklab, var(--str-ink) 82%, transparent);
  border-bottom-color: var(--str-border);
  box-shadow: var(--str-shadow-sm);
}

.str-header[data-glass='true'][data-scrolled='true'] {
  backdrop-filter: blur(var(--str-blur-md));
  -webkit-backdrop-filter: blur(var(--str-blur-md));
}


.str-header[data-style='solid'] {
  background: color-mix(in oklab, var(--str-ink) 82%, transparent);
  border-bottom-color: var(--str-border);
  backdrop-filter: blur(var(--str-blur-md));
  -webkit-backdrop-filter: blur(var(--str-blur-md));
}

.str-header__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--str-space-6);
  padding-block: var(--str-space-6);
  transition: padding-block var(--str-dur-base) var(--str-ease-out);
}

.str-header[data-scrolled='true'] .str-header__bar {
  padding-block: var(--str-space-3);
}



.str-logo {
  color: var(--str-text); 
}
.str-logo__mark {
  transition: filter var(--str-dur-fast) var(--str-ease-out),
              transform var(--str-dur-base) var(--str-ease-out);
}
.str-logo:hover .str-logo__mark {
  filter: drop-shadow(0 0 8px var(--str-signal-a24));
}
.str-header[data-scrolled='true'] .str-logo__mark {
  transform: scale(0.9);
}
.str-logo__image {
  transition: filter var(--str-dur-fast) var(--str-ease-out),
              transform var(--str-dur-base) var(--str-ease-out);
}
.str-logo:hover .str-logo__image {
  
  filter: drop-shadow(0 0 10px var(--str-signal-a24, rgba(249,118,59,.24)));
}
.str-header[data-scrolled='true'] .str-logo__image {
  transform: scale(0.9);
}



.str-primary-menu {
  display: none;
  align-items: center;
  gap: var(--str-space-8);
}
@media (min-width: 64rem) {
  .str-primary-menu {
    display: flex;
  }
}

.str-primary-menu__item {
  position: relative;
}

.str-primary-menu__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: var(--str-space-1);
  color: var(--str-moss);
  font-size: var(--str-text-sm);
  transition: color var(--str-dur-fast) var(--str-ease-out);
}
.str-primary-menu__link:hover,
.str-primary-menu__link[aria-current='page'],
.str-primary-menu__link[aria-expanded='true'] {
  color: var(--str-text);
  text-shadow: 0 0 14px var(--str-signal-a24);
}


.str-primary-menu__underline {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 1px;
  background: var(--str-signal);
  transform: scaleX(0);
  transform-origin: 0% 50%;
  will-change: transform;
}



.str-mega {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: var(--str-z-overlay);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.str-mega[data-open='true'] {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.str-mega__panel {
  margin-top: var(--str-space-3);
  border-radius: var(--str-radius-lg);
  border: 1px solid var(--str-border);
  background: color-mix(in oklab, var(--str-ink) 90%, transparent);
  backdrop-filter: blur(var(--str-blur-lg));
  -webkit-backdrop-filter: blur(var(--str-blur-lg));
  box-shadow: var(--str-shadow-lg);
  padding: var(--str-space-8);
  display: grid;
  gap: var(--str-space-8);
  grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(0, 0.9fr);
}

.str-mega__column-title {
  margin-bottom: var(--str-space-4);
}

.str-mega__panel ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.str-mega__link {
  display: block;
  padding-block: var(--str-space-2);
  color: var(--str-moss);
  font-size: var(--str-text-sm);
  transition: color var(--str-dur-fast) var(--str-ease-out),
              transform var(--str-dur-fast) var(--str-ease-out);
}
.str-mega__link:hover {
  color: var(--str-text);
  transform: translateX(3px);
}

.str-mega__featured {
  border-radius: var(--str-radius-md);
  padding: var(--str-space-6);
  background: var(--str-grad-depth), var(--str-glass);
  border: 1px solid var(--str-border);
  display: flex;
  flex-direction: column;
  gap: var(--str-space-3);
}



.str-search-overlay {
  position: fixed;
  inset: 0;
  z-index: var(--str-z-modal);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: clamp(4rem, 12vh, 9rem);
  background: color-mix(in oklab, var(--str-ink) 88%, transparent);
  backdrop-filter: blur(var(--str-blur-lg));
  -webkit-backdrop-filter: blur(var(--str-blur-lg));
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.str-search-overlay[data-open='true'] {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.str-search-overlay__input {
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--str-border-strong);
  font-family: var(--str-font-display);
  font-size: var(--str-text-3xl);
  color: var(--str-text);
  width: 100%;
  padding-block: var(--str-space-3);
}
.str-search-overlay__input:focus {
  outline: none;
  border-bottom-color: var(--str-signal);
}
.str-search-overlay__input::placeholder {
  color: var(--str-mist);
}



.str-mobile-menu {
  position: fixed;
  inset: 0;
  z-index: var(--str-z-overlay);
  background: var(--str-ink);
  clip-path: circle(0% at calc(100% - 2.25rem) 2.25rem);
  visibility: hidden;
}
.str-mobile-menu[data-open='true'] {
  visibility: visible;
}
@media (min-width: 64rem) {
  .str-mobile-menu {
    display: none;
  }
}

.str-mobile-menu__link {
  display: block;
  font-family: var(--str-font-display);
  font-size: var(--str-text-4xl);
  letter-spacing: var(--str-tracking-display);
  color: var(--str-text);
  padding-block: var(--str-space-3);
}
.str-mobile-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.str-mobile-toggle {
  position: relative;
}
@media (min-width: 64rem) {
  .str-mobile-toggle {
    display: none;
  }
}
.str-mobile-toggle__icon {
  transition: transform var(--str-dur-base) var(--str-ease-out);
}
.str-mobile-toggle[aria-expanded='true'] .str-mobile-toggle__icon {
  transform: rotate(90deg);
}

@media (prefers-reduced-motion: reduce) {
  .str-primary-menu__underline,
  .str-logo__mark {
    transition: none;
  }
  .str-mobile-menu[data-open='true'] {
    clip-path: circle(150% at 50% 50%);
  }
  .str-mega,
  .str-search-overlay {
    transition: opacity var(--str-dur-instant) linear;
  }
}



.str-breadcrumbs {
  margin-bottom: var(--str-space-6);
}
.str-breadcrumbs [aria-hidden='true'] {
  color: var(--str-mist);
  user-select: none;
}





.str-services {
  position: relative;
  overflow: hidden;
}


.str-services__divider {
  position: absolute;
  inset-inline: 0;
  top: 0;
  height: clamp(6rem, 14vw, 12rem);
  background: linear-gradient(to bottom, var(--str-bg) 0%, transparent 100%);
  pointer-events: none;
}

.str-services__grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: var(--str-space-6);
}
@media (min-width: 48rem) {
  .str-services__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 64rem) {
  .str-services__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--str-space-8);
  }
}



.str-service-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--str-space-4);
  border-radius: var(--str-radius-lg); 
  overflow: hidden;
  isolation: isolate;
}


.str-service-card::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 40%, rgb(255 255 255 / 0.06) 50%, transparent 60%);
  background-size: 250% 250%;
  background-position: 120% 120%;
  transition: background-position var(--str-dur-slow) var(--str-ease-out);
  pointer-events: none;
}
.str-service-card:hover::after,
.str-service-card:focus-within::after {
  background-position: -20% -20%;
}

.str-service-card__icon-area {
  display: flex;
  height: 3.5rem;
  width: 3.5rem;
  align-items: center;
  justify-content: center;
  border-radius: var(--str-radius-md);
  background: var(--str-glass);
  border: 1px solid var(--str-border);
  color: var(--str-signal);
  transition: transform var(--str-dur-base) var(--str-ease-out);
}
.str-service-card:hover .str-service-card__icon-area,
.str-service-card:focus-within .str-service-card__icon-area {
  transform: rotate(8deg) scale(1.05);
}
.str-service-card__icon-area svg {
  filter: drop-shadow(0 0 0 transparent);
}

.str-service-card:hover .str-service-card__icon-area svg,
.str-service-card:focus-within .str-service-card__icon-area svg {
  animation: str-icon-pulse 900ms var(--str-ease-out);
}

@keyframes str-icon-pulse {
  0% { filter: drop-shadow(0 0 0 transparent); }
  50% { filter: drop-shadow(0 0 10px var(--str-signal-a24)); }
  100% { filter: drop-shadow(0 0 6px var(--str-signal-a12)); }
}

.str-service-card__description {
  color: var(--str-moss);
  font-size: var(--str-text-sm);
}


.str-service-card__features {
  display: flex;
  flex-direction: column;
  gap: var(--str-space-2);
  opacity: 0;
  transform: translateY(-0.25rem);
  transition: opacity var(--str-dur-base) var(--str-ease-out),
              transform var(--str-dur-base) var(--str-ease-out);
}

.str-service-card:hover .str-service-card__features,
.str-service-card:focus-within .str-service-card__features {
  opacity: 1;
  transform: none;
}


.str-service-card__features:not(:focus-within) {
  pointer-events: none;
}

.str-service-card:hover .str-service-card__features {
  pointer-events: auto;
}

@media (prefers-reduced-motion: reduce) {
  .str-service-card__features {
    transform: none;
    transition: opacity var(--str-dur-base) var(--str-ease-out);
  }
}

.str-service-card__feature {
  display: flex;
  align-items: center;
  gap: var(--str-space-2);
  font-size: var(--str-text-sm);
  color: var(--str-text-secondary, var(--str-moss));
}
.str-service-card__feature-icon {
  color: var(--str-signal);
  flex-shrink: 0;
}

.str-service-card__cta {
  margin-top: auto;
}

@media (prefers-reduced-motion: reduce) {
  .str-service-card::after,
  .str-service-card__icon-area,
  .str-service-card__icon-area svg,
  .str-service-card__features {
    transition: none;
  }
  .str-service-card:hover .str-service-card__features,
  .str-service-card:focus-within .str-service-card__features {
    max-height: none;
    opacity: 1;
  }
}





.str-influencer {
  position: relative;
  overflow: hidden;
  min-height: 100svh;
  display: flex;
  align-items: center;
}

.str-influencer__divider {
  position: absolute;
  inset-inline: 0;
  top: 0;
  height: clamp(6rem, 14vw, 12rem);
  background: linear-gradient(to bottom, var(--str-bg) 0%, transparent 100%);
  pointer-events: none;
}

.str-influencer__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--str-space-12);
}
@media (min-width: 64rem) {
  .str-influencer__grid {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    
    align-items: start;
    gap: var(--str-space-16);
  }
}



.str-creator-network {
  position: relative;
  aspect-ratio: 1 / 1;
  max-height: 38rem;
  
  min-height: 34rem;
  margin-inline: auto;
}
@media (min-width: 64rem) {
  .str-creator-network {
    margin-inline: 0;
  }
}

.str-creator-network__lines {
  position: absolute;
  inset: 0;
  overflow: visible;
}
.str-creator-network__line {
  fill: none;
  stroke: var(--str-border-strong);
  stroke-width: 1;
  transition: stroke var(--str-dur-base) var(--str-ease-out), stroke-width var(--str-dur-base) var(--str-ease-out);
}
.str-creator-network__line[data-active='true'] {
  stroke: var(--str-signal);
  stroke-width: 1.5;
}
.str-creator-network__line-pulse {
  fill: none;
  stroke: var(--str-signal);
  stroke-width: 2;
  stroke-linecap: round;
  opacity: 0;
}

.str-creator-network__hub {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: var(--str-z-raised);
}

.str-creator-card {
  position: absolute;
  
  
  width: min(9.5rem, 27%);
  transition: border-color var(--str-dur-base) var(--str-ease-out);
}
.str-creator-card[data-highlighted='true'] {
  border-color: var(--str-signal);
}

.str-creator-card__avatar {
  position: relative;
  display: flex;
  height: 2.75rem;
  width: 2.75rem;
  align-items: center;
  justify-content: center;
  border-radius: var(--str-radius-full);
  background: var(--str-depth-2);
  border: 1px solid var(--str-border);
  font-family: var(--str-font-display);
  font-size: var(--str-text-sm);
  color: var(--str-paper);
  overflow: hidden;
}
.str-creator-card__avatar img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.str-creator-card__badge {
  position: absolute;
  bottom: -2px;
  right: -2px;
  display: flex;
  height: 1.1rem;
  width: 1.1rem;
  align-items: center;
  justify-content: center;
  border-radius: var(--str-radius-full);
  background: var(--str-signal);
  color: var(--str-ink);
}
.str-creator-card__platform {
  position: absolute;
  top: -2px;
  right: -2px;
  display: flex;
  height: 1.1rem;
  min-width: 1.1rem;
  padding-inline: 2px;
  align-items: center;
  justify-content: center;
  border-radius: var(--str-radius-full);
  background: var(--str-depth);
  border: 1px solid var(--str-border);
  font-size: 0.5625rem;
  color: var(--str-moss);
}

.str-creator-card__status {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: var(--str-text-2xs);
  color: var(--str-moss);
}





.str-workflow {
  display: flex;
  flex-direction: column;
  gap: 0;
  max-width: 28rem;
}

.str-workflow__step {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--str-space-3);
  padding-block: var(--str-space-2);
}

.str-workflow__step-dot {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  height: 0.5rem;
  width: 0.5rem;
  border-radius: var(--str-radius-full);
  background: var(--str-border-strong);
  transition:
    background var(--str-dur-base) var(--str-ease-out),
    box-shadow var(--str-dur-base) var(--str-ease-out),
    border-color var(--str-dur-base) var(--str-ease-out),
    color var(--str-dur-base) var(--str-ease-out);
}

.str-workflow__step.is-active .str-workflow__step-dot {
  background: var(--str-signal);
  box-shadow: var(--str-glow-sm);
}


.str-workflow__step-num {
  display: none;
  font-family: var(--str-font-mono);
  font-size: var(--str-text-2xs);
  line-height: 1;
  letter-spacing: 0;
  color: var(--str-text-tertiary);
  transition: color var(--str-dur-base) var(--str-ease-out);
}

.str-workflow__step-line {
  position: absolute;
  left: 0.1875rem;
  top: 1.5rem;
  bottom: -0.5rem;
  width: 1px;
  background: var(--str-border);
  transition: background var(--str-dur-slow) var(--str-ease-out);
}

.str-workflow__step:last-child .str-workflow__step-line {
  display: none;
}

.str-workflow__step-label {
  font-size: var(--str-text-sm);
  color: var(--str-text-secondary);
  transition: color var(--str-dur-base) var(--str-ease-out);
}

.str-workflow__step.is-active .str-workflow__step-label {
  color: var(--str-paper);
}

@media (min-width: 64rem) {
  .str-workflow {
    flex-direction: row;
    align-items: flex-start;
    max-width: none;
  }

  .str-workflow__step {
    flex: 1 1 0;
    min-width: 0;
    flex-direction: column;
    align-items: center;
    gap: var(--str-space-3);
    padding-block: 0;
    padding-inline: var(--str-space-2);
    text-align: center;
  }

  .str-workflow__step-dot {
    height: 2.25rem;
    width: 2.25rem;
    border: 1px solid var(--str-border-strong);
    background: var(--str-depth);
    box-shadow: none;
  }

  .str-workflow__step.is-active .str-workflow__step-dot {
    border-color: var(--str-signal);
    background: var(--str-depth);
    box-shadow: var(--str-glow-sm);
  }

  .str-workflow__step-num {
    display: block;
  }

  .str-workflow__step.is-active .str-workflow__step-num {
    color: var(--str-signal);
  }

  
  .str-workflow__step-line {
    left: calc(50% + 1.125rem);
    right: calc(-50% + 1.125rem);
    top: 1.125rem;
    bottom: auto;
    width: auto;
    height: 1px;
  }

  
  .str-workflow__step.is-active .str-workflow__step-line {
    background: linear-gradient(90deg, var(--str-signal), var(--str-border));
  }

  .str-workflow__step-label {
    font-size: var(--str-text-xs);
    text-wrap: balance;
  }
}



.str-influencer__features {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--str-space-4);
}



.str-campaign-panel {
  position: relative;
}
.str-campaign-panel__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--str-space-4);
}



.str-content-preview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--str-space-3);
}
@media (min-width: 40rem) {
  .str-content-preview {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.str-content-preview__media {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  opacity: 0.85;
}

.str-content-preview__card {
  position: relative;
  aspect-ratio: 9 / 16;
  border-radius: var(--str-radius-md);
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  background: linear-gradient(160deg, var(--str-depth-2), var(--str-depth));
}
.str-content-preview__play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: var(--str-radius-full);
  background: var(--str-glass-strong);
  border: 1px solid var(--str-border);
  transition: transform var(--str-dur-base) var(--str-ease-out), background var(--str-dur-base) var(--str-ease-out);
}
.str-content-preview__card:hover .str-content-preview__play,
.str-content-preview__card:focus-within .str-content-preview__play {
  transform: translate(-50%, -50%) scale(1.15);
  background: var(--str-signal-a24, rgb(249 118 59 / 0.24));
}
.str-content-preview__sweep {
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 40%, rgb(255 255 255 / 0.08) 50%, transparent 60%);
  background-size: 250% 250%;
  background-position: 120% 120%;
  transition: background-position var(--str-dur-slow) var(--str-ease-out);
  pointer-events: none;
}
.str-content-preview__card:hover .str-content-preview__sweep,
.str-content-preview__card:focus-within .str-content-preview__sweep {
  background-position: -20% -20%;
}
.str-content-preview__label {
  position: relative;
  z-index: 1;
  padding: var(--str-space-3);
  font-size: var(--str-text-2xs);
  color: var(--str-moss);
}



.str-influencer__metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--str-space-6);
}
@media (min-width: 40rem) {
  .str-influencer__metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 64rem) {
  .str-influencer__metrics {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}



.str-influencer__icon {
  position: absolute;
}

@media (prefers-reduced-motion: reduce) {
  .str-creator-card,
  .str-content-preview__play,
  .str-content-preview__sweep,
  .str-workflow__step-dot {
    transition: none;
  }
}


@media (max-width: 63.9375rem) {
  .str-creator-network {
    aspect-ratio: auto;
    max-height: none;
    display: flex;
    flex-direction: column;
    gap: var(--str-space-4);
  }
  .str-creator-network__lines,
  .str-creator-network__hub {
    display: none;
  }
  .str-creator-card {
    position: static;
    transform: none;
    width: 100%;
  }
}


.str-creator-card__platform .str-platform-mark {
  width: 0.85rem;
  height: 0.85rem;
}


.str-creator-card__name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  line-height: 1.25;
  overflow-wrap: anywhere;
}


.str-concept-mark {
  width: 1.75rem;
  height: 1.75rem;
  flex: none;
  object-fit: contain;
}


.str-service-card__icon .str-concept-mark,
.str-influencer-feature__icon .str-concept-mark {
  width: 1.5rem;
  height: 1.5rem;
}


.str-trust-badge .str-concept-mark {
  width: 1.75rem;
  height: 1.75rem;
}


@media (min-width: 64rem) {
  .str-workflow__step-dot {
    height: 3rem;
    width: 3rem;
  }

  .str-workflow__step-num {
    font-size: var(--str-text-sm);
    font-weight: 600;
  }

  .str-workflow__step.is-active .str-workflow__step-dot {
    animation: str-step-pop var(--str-dur-slow) var(--str-ease-out) 1;
  }

  
  .str-workflow__step-line {
    left: calc(50% + 1.5rem);
    right: calc(-50% + 1.5rem);
    top: 1.5rem;
  }

  .str-workflow__step-label {
    font-size: var(--str-text-sm);
  }
}

@keyframes str-step-pop {
  0%   { transform: scale(1);    box-shadow: 0 0 0 0 rgb(var(--str-signal-rgb) / 0.45); }
  55%  { transform: scale(1.12); box-shadow: 0 0 0 0.5rem rgb(var(--str-signal-rgb) / 0); }
  100% { transform: scale(1);    box-shadow: 0 0 0 0 rgb(var(--str-signal-rgb) / 0); }
}

@media (prefers-reduced-motion: reduce) {
  .str-workflow__step.is-active .str-workflow__step-dot { animation: none; }
}


.str-creator-card,
.str-influencer__icon {
  translate: -50% -50%;
}

.str-creator-network__hub-mark {
  width: 1.75rem;
  height: 1.75rem;
  object-fit: contain;
}





.str-dashboard {
  position: relative;
  overflow: hidden;
  min-height: 100svh;
  display: flex;
  align-items: center;
}

.str-dashboard__divider {
  position: absolute;
  inset-inline: 0;
  top: 0;
  height: clamp(6rem, 14vw, 12rem);
  background: linear-gradient(to bottom, var(--str-bg) 0%, transparent 100%);
  pointer-events: none;
}

.str-dashboard__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--str-space-12);
}
@media (min-width: 64rem) {
  .str-dashboard__grid {
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    
    align-items: start;
    gap: var(--str-space-16);
  }
}




.str-dashboard__kpis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
  gap: var(--str-space-3);
}

.str-kpi-card {
  transition: border-color var(--str-dur-base) var(--str-ease-out);
}



.str-dashboard__charts {
  display: grid;
  
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  gap: var(--str-space-4);
}

.str-chart-card__canvas-wrap {
  position: relative;
  height: 10rem;
}
.str-chart-card__canvas-wrap canvas {
  width: 100% !important;
  height: 100% !important;
}


.str-mini-donut {
  transform: rotate(-90deg);
}
.str-mini-donut__segment {
  fill: none;
  stroke-width: 3;
  stroke-linecap: round;
}



.str-dashboard__cards {
  display: grid;
  
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
  gap: var(--str-space-4);
}


.str-campaign-card__stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(5.5rem, 1fr));
  gap: var(--str-space-3);
}


.str-campaign-card__stats dt {
  overflow-wrap: anywhere;
  hyphens: auto;
}


.str-progress-ring {
  transform: rotate(-90deg);
}
.str-progress-ring__track {
  fill: none;
  stroke: var(--str-border);
  stroke-width: 3;
}
.str-progress-ring__value {
  fill: none;
  stroke: var(--str-signal);
  stroke-width: 3;
  stroke-linecap: round;
}

@media (prefers-reduced-motion: reduce) {
  .str-kpi-card {
    transition: none;
  }
}


.str-platform-mark {
  width: 1.125rem;
  height: 1.125rem;
  flex: none;
  object-fit: contain;
  
  filter: drop-shadow(0 1px 2px rgb(0 0 0 / 0.35));
}

.str-platform-mark--sm {
  width: 0.875rem;
  height: 0.875rem;
}

.str-campaign-card__stat-label {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  min-width: 0;
}


.str-kpi-card {
  container-type: inline-size;
}

.str-kpi-card .str-card__value {
  font-size: 1.75rem;
  line-height: 1.1;
}

@supports (font-size: 1cqi) {
  .str-kpi-card .str-card__value {
    
    font-size: clamp(1.5rem, 24cqi, 2.5rem);
  }
}


.str-kpi-card .str-card__label {
  text-wrap: balance;
}


.str-chart-fallback {
  display: block;
  width: 100%;
  height: 100%;
}


.str-bullet-mark {
  width: 1.125rem;
  height: 1.125rem;
  flex: none;
  object-fit: contain;
}





.str-cases {
  position: relative;
  overflow: hidden;
  min-height: 100svh;
}

.str-cases__divider {
  position: absolute;
  inset-inline: 0;
  top: 0;
  height: clamp(6rem, 14vw, 12rem);
  background: linear-gradient(to bottom, var(--str-bg) 0%, transparent 100%);
  pointer-events: none;
}

.str-cases__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--str-space-8);
}
@media (min-width: 64rem) {
  .str-cases__grid {
    grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.3fr);
    align-items: start;
    gap: var(--str-space-12);
  }
}



.str-project-list {
  display: flex;
  flex-direction: row;
  gap: var(--str-space-3);
  overflow-x: auto;
  padding-bottom: var(--str-space-2);
}
@media (min-width: 64rem) {
  .str-project-list {
    flex-direction: column;
    overflow-x: visible;
    position: sticky;
    top: calc(var(--str-header-height) + var(--str-space-6));
  }
}

.str-project-item {
  flex-shrink: 0;
  width: 14rem;
  cursor: pointer;
  transition: border-color var(--str-dur-base) var(--str-ease-out), background-color var(--str-dur-base) var(--str-ease-out);
}
@media (min-width: 64rem) {
  .str-project-item {
    width: 100%;
  }
}
.str-project-item[aria-selected='true'] {
  border-color: var(--str-signal);
  background: var(--str-glass-strong);
}

.str-project-item__logo {
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  align-items: center;
  justify-content: center;
  border-radius: var(--str-radius-sm);
  background: var(--str-depth-2);
  font-family: var(--str-font-display);
  font-size: var(--str-text-xs);
  color: var(--str-paper);
}

.str-project-item__growth {
  color: var(--str-signal);
  font-family: var(--str-font-display);
}



.str-case-viewer {
  position: relative;
}

.str-case-viewer__panel {
  display: none;
}
.str-case-viewer__panel[data-active='true'] {
  display: block;
}

.str-case-viewer__hero {
  position: relative;
  aspect-ratio: 16 / 7;
  border-radius: var(--str-radius-lg);
  overflow: hidden;
  background: linear-gradient(160deg, var(--str-depth-2), var(--str-depth));
  clip-path: inset(0 0 0 0);
}


.str-case-viewer__kpis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
  gap: var(--str-space-3);
}


.str-case-viewer__kpis > .str-card {
  container-type: inline-size;
}

.str-case-viewer__kpis .str-card__value {
  font-size: 1.75rem;
  line-height: 1.1;
}

@supports (font-size: 1cqi) {
  .str-case-viewer__kpis .str-card__value {
    font-size: clamp(1.5rem, 24cqi, 2.5rem);
  }
}

.str-case-viewer__kpis .str-card__label {
  text-wrap: balance;
}

.str-case-viewer__charts {
  display: grid;
  
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  gap: var(--str-space-4);
}
.str-case-viewer__chart-canvas-wrap {
  position: relative;
  height: 9rem;
}
.str-case-viewer__chart-canvas-wrap canvas {
  width: 100% !important;
  height: 100% !important;
}



.str-compare {
  position: relative;
  border-radius: var(--str-radius-md);
  overflow: hidden;
  aspect-ratio: 16 / 6;
  background: var(--str-depth-2);
}
.str-compare__after {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-inline: var(--str-space-6);
  background: var(--str-grad-depth), var(--str-depth);
  clip-path: inset(0 0 0 50%);
}
.str-compare__before {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  padding-inline: var(--str-space-6);
}
.str-compare__handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  background: var(--str-signal);
  transform: translateX(-50%);
  pointer-events: none;
}
.str-compare__handle::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 2.25rem;
  width: 2.25rem;
  border-radius: var(--str-radius-full);
  background: var(--str-signal);
  box-shadow: var(--str-shadow-md);
}
.str-compare__range {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: ew-resize;
  margin: 0;
}



.str-case-timeline {
  display: flex;
  flex-wrap: wrap;
  gap: var(--str-space-2);
}
.str-case-timeline__step {
  display: flex;
  align-items: center;
  gap: var(--str-space-2);
  border-radius: var(--str-radius-full);
  border: 1px solid var(--str-border);
  padding: var(--str-space-2) var(--str-space-3);
  font-size: var(--str-text-xs);
  color: var(--str-moss);
}
.str-case-timeline__step[data-status='complete'] {
  border-color: var(--str-signal);
  color: var(--str-paper);
}
.str-case-timeline__step[data-status='active'] {
  border-color: var(--str-aqua);
  color: var(--str-paper);
}
.str-case-timeline__dot {
  height: 0.4rem;
  width: 0.4rem;
  border-radius: var(--str-radius-full);
  background: currentColor;
}



.str-badge-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--str-space-2);
}
.str-badge {
  position: relative;
  display: inline-flex;
  align-items: center;
  border-radius: var(--str-radius-full);
  border: 1px solid var(--str-border);
  background: var(--str-glass);
  padding: var(--str-space-1) var(--str-space-3);
  font-size: var(--str-text-2xs);
  color: var(--str-moss);
  
  gap: 0.3125rem;
}
.str-badge__tooltip {
  position: absolute;
  bottom: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%) translateY(4px);
  min-width: 10rem;
  border-radius: var(--str-radius-sm);
  border: 1px solid var(--str-border);
  background: var(--str-depth);
  padding: var(--str-space-2) var(--str-space-3);
  font-size: var(--str-text-2xs);
  color: var(--str-moss);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--str-dur-fast) var(--str-ease-out), transform var(--str-dur-fast) var(--str-ease-out);
  z-index: var(--str-z-raised);
}
.str-badge:hover .str-badge__tooltip,
.str-badge:focus-within .str-badge__tooltip {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}



.str-testimonial-preview {
  display: flex;
  gap: var(--str-space-4);
  align-items: flex-start;
}
.str-testimonial-preview__avatar {
  display: flex;
  height: 3rem;
  width: 3rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: var(--str-radius-full);
  background: var(--str-depth-2);
  font-family: var(--str-font-display);
  color: var(--str-paper);
}
.str-testimonial-preview__quote-mark {
  color: var(--str-signal);
}



.str-cases__cta-band {
  border-top: 1px solid var(--str-border);
}

@media (prefers-reduced-motion: reduce) {
  .str-project-item,
  .str-badge__tooltip {
    transition: none;
  }
}







.str-testimonials {
  position: relative;
  overflow: hidden;
  min-height: 100svh;
}

.str-testimonials__divider {
  position: absolute;
  inset-inline: 0;
  top: 0;
  height: clamp(6rem, 14vw, 12rem);
  background: linear-gradient(to bottom, var(--str-bg) 0%, transparent 100%);
  pointer-events: none;
}

.str-testimonials__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--str-space-10);
}
@media (min-width: 64rem) {
  .str-testimonials__grid {
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    align-items: start;
    gap: var(--str-space-12);
  }
}



.str-featured-testimonial {
  position: relative;
  overflow: hidden;
}

.str-featured-testimonial__glow {
  position: absolute;
  inset: -20%;
  background: var(--str-grad-depth);
  pointer-events: none;
  z-index: -1;
}

.str-featured-testimonial__avatar {
  display: flex;
  height: 4.5rem;
  width: 4.5rem;
  align-items: center;
  justify-content: center;
  border-radius: var(--str-radius-full);
  background: var(--str-depth-2);
  border: 1px solid var(--str-border);
  font-family: var(--str-font-display);
  font-size: var(--str-text-lg);
  color: var(--str-paper);
  overflow: hidden;
}
.str-featured-testimonial__avatar img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.str-featured-testimonial__logo {
  display: flex;
  height: 2.5rem;
  align-items: center;
  padding-inline: var(--str-space-3);
  border-radius: var(--str-radius-sm);
  background: var(--str-glass);
  border: 1px solid var(--str-border);
  font-family: var(--str-font-display);
  font-size: var(--str-text-xs);
  color: var(--str-moss);
}

.str-featured-testimonial__quote-mark {
  color: var(--str-signal);
}


.str-featured-testimonial__metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(6.5rem, 1fr));
  gap: var(--str-space-4) var(--str-space-3);
}

.str-featured-testimonial__metrics dt {
  text-wrap: balance;
}



.str-video-placeholder {
  position: relative;
  aspect-ratio: 16 / 9;
  border-radius: var(--str-radius-md);
  overflow: hidden;
  background: linear-gradient(160deg, var(--str-depth-2), var(--str-depth));
  cursor: pointer;
  transition: transform var(--str-dur-base) var(--str-ease-out);
}
.str-video-placeholder:hover,
.str-video-placeholder:focus-visible {
  transform: scale(1.015);
}

.str-video-placeholder__play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  height: 3.5rem;
  width: 3.5rem;
  align-items: center;
  justify-content: center;
  border-radius: var(--str-radius-full);
  background: var(--str-glass-strong);
  border: 1px solid var(--str-border-strong);
  transition: transform var(--str-dur-base) var(--str-ease-out), background var(--str-dur-base) var(--str-ease-out);
}
.str-video-placeholder:hover .str-video-placeholder__play,
.str-video-placeholder:focus-visible .str-video-placeholder__play {
  transform: translate(-50%, -50%) scale(1.1);
  background: var(--str-signal-a24, rgb(249 118 59 / 0.24));
}



.str-filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--str-space-2);
}
.str-filter-bar__btn {
  border-radius: var(--str-radius-full);
  border: 1px solid var(--str-border);
  padding: var(--str-space-2) var(--str-space-4);
  font-size: var(--str-text-xs);
  color: var(--str-moss);
  transition: color var(--str-dur-fast) var(--str-ease-out), border-color var(--str-dur-fast) var(--str-ease-out), background-color var(--str-dur-fast) var(--str-ease-out);
}
.str-filter-bar__btn:hover {
  color: var(--str-paper);
}
.str-filter-bar__btn[aria-pressed='true'] {
  color: var(--str-ink);
  background: var(--str-signal);
  border-color: var(--str-signal);
}




.str-testimonial-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
  gap: var(--str-space-4);
}

.str-testimonial-card {
  display: flex;
  flex-direction: column;
  gap: var(--str-space-3);
  transition: opacity var(--str-dur-base) var(--str-ease-out);
}
.str-testimonial-card[hidden] {
  display: none;
}

.str-testimonial-card__avatar {
  display: flex;
  height: 2.75rem;
  width: 2.75rem;
  align-items: center;
  justify-content: center;
  border-radius: var(--str-radius-full);
  background: var(--str-depth-2);
  font-family: var(--str-font-display);
  font-size: var(--str-text-xs);
  color: var(--str-paper);
}

.str-testimonial-card__quote-icon {
  color: var(--str-signal);
  transition: transform var(--str-dur-base) var(--str-ease-spring, var(--str-ease-out));
}
.str-testimonial-card:hover .str-testimonial-card__quote-icon,
.str-testimonial-card:focus-within .str-testimonial-card__quote-icon {
  transform: scale(1.15) rotate(-4deg);
}



.str-testimonial-grid__empty {
  grid-column: 1 / -1;
  text-align: center;
  padding: var(--str-space-12) 0;
  color: var(--str-moss);
  display: none;
}
.str-testimonial-grid__empty.is-visible {
  display: block;
}



.str-logo-wall {
  position: relative;
  overflow: hidden;
  mask-image: linear-gradient(90deg, transparent, black 8%, black 92%, transparent);
  -webkit-mask-image: linear-gradient(90deg, transparent, black 8%, black 92%, transparent);
}
.str-logo-wall__track {
  display: flex;
  align-items: center;
  gap: var(--str-space-10);
  width: max-content;
  animation: str-marquee 32s linear infinite;
}
.str-logo-wall:hover .str-logo-wall__track,
.str-logo-wall:focus-within .str-logo-wall__track {
  animation-play-state: paused;
}
.str-logo-wall__item {
  flex-shrink: 0;
  font-family: var(--str-font-display);
  font-size: var(--str-text-lg);
  color: var(--str-mist);
  opacity: 0.6;
  transition: opacity var(--str-dur-fast) var(--str-ease-out), color var(--str-dur-fast) var(--str-ease-out), filter var(--str-dur-fast) var(--str-ease-out);
}
.str-logo-wall__item:hover {
  opacity: 1;
  color: var(--str-paper);
  filter: drop-shadow(0 0 8px var(--str-signal-a24));
}

@keyframes str-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}



.str-trust-badges {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--str-space-3);
}
@media (min-width: 40rem) {
  .str-trust-badges {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 64rem) {
  .str-trust-badges {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.str-trust-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--str-space-2);
  text-align: center;
  transition: transform var(--str-dur-base) var(--str-ease-out);
}
.str-trust-badge:hover {
  transform: translateY(-3px);
}

@media (prefers-reduced-motion: reduce) {
  .str-logo-wall__track {
    animation: none;
  }
  .str-video-placeholder,
  .str-video-placeholder__play,
  .str-testimonial-card__quote-icon,
  .str-trust-badge,
  .str-filter-bar__btn {
    transition: none;
  }
}


.str-testimonial-card__footer {
  margin-top: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--str-space-2);
  padding-top: var(--str-space-2);
}

.str-testimonial-card__stars {
  display: flex;
  flex: none;
  gap: 0.125rem;
}

.str-testimonial-card__service {
  display: inline-flex;
  align-items: center;
  gap: 0.3125rem;
  min-width: 0;
  border-radius: var(--str-radius-full);
  border: 1px solid var(--str-border);
  background: var(--str-glass);
  padding: 0.125rem var(--str-space-2);
}

.str-testimonial-card__service span {
  min-width: 0;
  overflow-wrap: anywhere;
}


.str-testimonial-card__name {
  text-wrap: balance;
  overflow-wrap: anywhere;
}


.str-trust-badge span:last-child {
  text-wrap: balance;
}


.str-video-placeholder__media {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  opacity: 0.55;
}


.str-trust-badge .str-platform-mark {
  width: 1.5rem;
  height: 1.5rem;
}


.str-proof-strip {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--str-space-10);
  align-items: center;
}

@media (min-width: 64rem) {
  .str-proof-strip {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: var(--str-space-12);
  }

  
  .str-proof-strip .str-trust-badges {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .str-proof-strip .str-influencer__metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  
  .str-proof-strip .str-influencer__metrics {
    border-inline-start: 1px solid var(--str-border);
    padding-inline-start: var(--str-space-12);
  }
}





.str-pricing,
.str-faq,
.str-final-cta {
  position: relative;
  overflow: hidden;
}

.str-pricing__divider,
.str-faq__divider,
.str-final-cta__divider {
  position: absolute;
  inset-inline: 0;
  top: 0;
  height: clamp(6rem, 14vw, 12rem);
  background: linear-gradient(to bottom, var(--str-bg) 0%, transparent 100%);
  pointer-events: none;
}



.str-pricing-toggle {
  display: inline-flex;
  border-radius: var(--str-radius-full);
  border: 1px solid var(--str-border);
  padding: 4px;
  gap: 2px;
}
.str-pricing-toggle__btn {
  border-radius: var(--str-radius-full);
  padding: var(--str-space-2) var(--str-space-4);
  font-size: var(--str-text-xs);
  color: var(--str-moss);
  transition: color var(--str-dur-fast) var(--str-ease-out), background-color var(--str-dur-fast) var(--str-ease-out);
}
.str-pricing-toggle__btn[aria-pressed='true'] {
  color: var(--str-ink);
  background: var(--str-signal);
}



.str-pricing__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--str-space-6);
}
@media (min-width: 64rem) {
  .str-pricing__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
  }
}

.str-plan-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--str-space-4);
  border-radius: var(--str-radius-lg);
  transition: transform var(--str-dur-base) var(--str-ease-out), border-color var(--str-dur-base) var(--str-ease-out);
}
.str-plan-card--highlighted {
  border-color: var(--str-signal);
}
@media (min-width: 64rem) {
  .str-plan-card--highlighted {
    transform: translateY(-0.75rem);
  }
}
.str-plan-card__badge {
  position: absolute;
  top: -0.75rem;
  left: 50%;
  transform: translateX(-50%);
  border-radius: var(--str-radius-full);
  background: var(--str-signal);
  color: var(--str-ink);
  padding: 4px var(--str-space-3);
  font-size: var(--str-text-2xs);
  font-weight: var(--str-weight-semibold);
  white-space: nowrap;
}

.str-plan-card__price {
  display: flex;
  align-items: baseline;
  gap: var(--str-space-1);
}
.str-plan-card__price-value {
  font-family: var(--str-font-display);
  font-size: var(--str-text-4xl);
  color: var(--str-paper);
}
.str-plan-card__price-period {
  font-size: var(--str-text-xs);
  color: var(--str-moss);
}

.str-plan-card__features {
  display: flex;
  flex-direction: column;
  gap: var(--str-space-2);
}
.str-plan-card__feature {
  display: flex;
  align-items: flex-start;
  gap: var(--str-space-2);
  font-size: var(--str-text-sm);
  color: var(--str-moss);
}
.str-plan-card__feature-icon {
  color: var(--str-signal);
  flex-shrink: 0;
  margin-top: 2px;
}


.str-plan-card::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(115deg, transparent 40%, rgb(255 255 255 / 0.05) 50%, transparent 60%);
  background-size: 250% 250%;
  background-position: 120% 120%;
  transition: background-position var(--str-dur-slow) var(--str-ease-out);
  pointer-events: none;
}
.str-plan-card:hover::after,
.str-plan-card:focus-within::after {
  background-position: -20% -20%;
}



.str-comparison {
  overflow-x: auto;
}
.str-comparison table {
  width: 100%;
  border-collapse: collapse;
  min-width: 40rem;
}
.str-comparison th,
.str-comparison td {
  padding: var(--str-space-3) var(--str-space-4);
  border-bottom: 1px solid var(--str-border);
  text-align: center;
  font-size: var(--str-text-sm);
}
.str-comparison th:first-child,
.str-comparison td:first-child {
  text-align: left;
  position: sticky;
  left: 0;
  background: var(--str-bg);
  color: var(--str-moss);
}
.str-comparison thead th {
  font-family: var(--str-font-display);
  color: var(--str-paper);
  font-weight: var(--str-weight-medium);
}
.str-comparison tbody tr {
  transition: background-color var(--str-dur-fast) var(--str-ease-out);
}
.str-comparison tbody tr:hover {
  background: var(--str-glass);
}
.str-comparison [data-check='true'] {
  color: var(--str-signal);
}
.str-comparison [data-check='false'] {
  color: var(--str-mist);
}

.str-comparison-toggle {
  display: inline-flex;
  align-items: center;
  gap: var(--str-space-2);
  color: var(--str-moss);
  font-size: var(--str-text-sm);
}
.str-comparison-toggle__icon {
  transition: transform var(--str-dur-base) var(--str-ease-out);
}
.str-comparison-toggle[aria-expanded='true'] .str-comparison-toggle__icon {
  transform: rotate(180deg);
}
.str-comparison-panel {
  overflow: hidden;
  max-height: 0;
  transition: max-height var(--str-dur-slow) var(--str-ease-out);
}
.str-comparison-panel[data-open='true'] {
  max-height: 60rem;
}



.str-calculator {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--str-space-8);
}
@media (min-width: 56rem) {
  .str-calculator {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.str-calculator__field {
  display: flex;
  flex-direction: column;
  gap: var(--str-space-2);
}
.str-calculator__field label {
  font-size: var(--str-text-xs);
  color: var(--str-moss);
}
.str-calculator__field input[type='range'] {
  width: 100%;
  accent-color: var(--str-signal);
}
.str-calculator__field-value {
  font-family: var(--str-font-mono);
  color: var(--str-paper);
}
.str-calculator__results {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--str-space-4);
}



.str-faq-list {
  display: flex;
  flex-direction: column;
  gap: var(--str-space-3);
  max-width: 48rem;
}
.str-faq-item {
  border-radius: var(--str-radius-md);
  border: 1px solid var(--str-border);
  overflow: hidden;
}
.str-faq-item__trigger {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: var(--str-space-4);
  padding: var(--str-space-4) var(--str-space-5);
  text-align: left;
  font-size: var(--str-text-base);
  color: var(--str-paper);
}
.str-faq-item__icon {
  flex-shrink: 0;
  transition: transform var(--str-dur-base) var(--str-ease-out);
  color: var(--str-signal);
}
.str-faq-item__trigger[aria-expanded='true'] .str-faq-item__icon {
  transform: rotate(45deg);
}

.str-faq-item__panel {
  overflow: hidden;
  max-height: 0;
  transition: max-height var(--str-dur-slow) var(--str-ease-out);
}
.str-faq-item__panel[data-open='true'] {
  max-height: 40rem;
}

@supports (grid-template-rows: 0fr) {
  .str-faq-item__panel {
    display: grid;
    grid-template-rows: 0fr;
    max-height: none;
    transition: grid-template-rows var(--str-dur-slow) var(--str-ease-out);
  }
  .str-faq-item__panel[data-open='true'] {
    grid-template-rows: 1fr;
    max-height: none;
  }
  
  .str-faq-item__panel > * {
    min-height: 0;
    overflow: hidden;
    padding: 0;
    border: 0;
  }
}
.str-faq-item__panel-clip {
  min-height: 0;
  overflow: hidden;
}

.str-faq-item__panel-inner {
  padding: 0 var(--str-space-5) var(--str-space-4);
  color: var(--str-moss);
  font-size: var(--str-text-sm);
}



.str-final-cta {
  min-height: 60svh;
  display: flex;
  align-items: center;
}
.str-final-cta__glow {
  position: absolute;
  inset: -20%;
  background: var(--str-grad-depth);
  pointer-events: none;
  z-index: -1;
}

@media (prefers-reduced-motion: reduce) {
  .str-plan-card,
  .str-plan-card::after,
  .str-faq-item__icon,
  .str-faq-item__panel,
  .str-comparison-toggle__icon,
  .str-comparison-panel,
  .str-pricing-toggle__btn {
    transition: none;
  }
}


.str-final-cta__orbit {
  display: none;
}

@media (min-width: 64rem) {
  .str-final-cta__orbit {
    position: absolute;
    inset: 0;
    display: block;
    pointer-events: none;
    z-index: 0;
  }
}

.str-final-cta__orbit-chip {
  position: absolute;
  display: grid;
  place-items: center;
  height: 2.5rem;
  width: 2.5rem;
  overflow: hidden;
  border: 1px solid var(--str-border);
  border-radius: var(--str-radius-full);
  background: var(--str-depth);
  box-shadow: var(--str-shadow-sm);
  opacity: 0.75;
}

.str-final-cta__orbit-chip .str-platform-mark {
  width: 1.4rem;
  height: 1.4rem;
}


.str-final-cta > .str-container {
  position: relative;
  z-index: 1;
}


.str-final-cta__watermark {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  z-index: 0;
  width: min(30rem, 60%);
  height: auto;
  opacity: 0.05;
  pointer-events: none;
}





.str-contact {
  position: relative;
  overflow: hidden;
  min-height: 80svh;
  display: flex;
  align-items: center;
}
.str-contact__divider {
  position: absolute;
  inset-inline: 0;
  top: 0;
  height: clamp(6rem, 14vw, 12rem);
  background: linear-gradient(to bottom, var(--str-bg) 0%, transparent 100%);
  pointer-events: none;
}

.str-contact__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--str-space-12);
}
@media (min-width: 64rem) {
  .str-contact__grid {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    align-items: start;
  }
}




.str-contact-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
  gap: var(--str-space-3);
}
.str-contact-option {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--str-space-2);
  border-radius: var(--str-radius-md);
  overflow: hidden;
}
.str-contact-option::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(115deg, transparent 40%, rgb(255 255 255 / 0.05) 50%, transparent 60%);
  background-size: 250% 250%;
  background-position: 120% 120%;
  transition: background-position var(--str-dur-slow) var(--str-ease-out);
  pointer-events: none;
}
.str-contact-option:hover::after,
.str-contact-option:focus-within::after {
  background-position: -20% -20%;
}



.str-form {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--str-space-5);
}
@media (min-width: 40rem) {
  .str-form__row-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.str-form__row-2 {
  display: grid;
  gap: var(--str-space-5);
}

.str-field {
  position: relative;
}
.str-field__input,
.str-field__select,
.str-field__textarea {
  width: 100%;
  background: var(--str-glass);
  border: 1px solid var(--str-border);
  border-radius: var(--str-radius-sm);
  padding: 1.375rem var(--str-space-4) var(--str-space-2);
  color: var(--str-paper);
  font-size: var(--str-text-sm);
  transition: border-color var(--str-dur-fast) var(--str-ease-out), box-shadow var(--str-dur-fast) var(--str-ease-out);
}
.str-field__textarea {
  min-height: 7rem;
  resize: vertical;
}
.str-field__input:focus,
.str-field__select:focus,
.str-field__textarea:focus {
  outline: none;
  border-color: var(--str-signal);
  box-shadow: 0 0 0 3px var(--str-signal-a12, rgb(249 118 59 / 0.12));
}


.str-field__label {
  position: absolute;
  left: var(--str-space-4);
  top: 1rem;
  color: var(--str-mist);
  font-size: var(--str-text-sm);
  pointer-events: none;
  transform-origin: 0 0;
  transition: transform var(--str-dur-fast) var(--str-ease-out), color var(--str-dur-fast) var(--str-ease-out), top var(--str-dur-fast) var(--str-ease-out);
}

.str-field__label--static {
  position: static;
  display: block;
  transform: none;
  margin-bottom: var(--str-space-2);
}
.str-field__input:focus ~ .str-field__label,
.str-field__input:not(:placeholder-shown) ~ .str-field__label,
.str-field__textarea:focus ~ .str-field__label,
.str-field__textarea:not(:placeholder-shown) ~ .str-field__label,
.str-field--filled .str-field__label {
  top: 0.5rem;
  transform: scale(0.75);
  color: var(--str-moss);
}
.str-field__input:focus ~ .str-field__label,
.str-field__textarea:focus ~ .str-field__label {
  color: var(--str-signal);
}

.str-field__error {
  display: none;
  margin-top: var(--str-space-1);
  font-size: var(--str-text-2xs);
  color: var(--str-danger);
}
.str-field--invalid .str-field__input,
.str-field--invalid .str-field__textarea,
.str-field--invalid .str-field__select {
  border-color: var(--str-danger);
}
.str-field--invalid .str-field__error {
  display: block;
}

.str-services-select {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--str-space-2);
}
@media (min-width: 40rem) {
  .str-services-select {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.str-service-checkbox {
  display: flex;
  align-items: center;
  gap: var(--str-space-2);
  border-radius: var(--str-radius-sm);
  border: 1px solid var(--str-border);
  padding: var(--str-space-2) var(--str-space-3);
  font-size: var(--str-text-2xs);
  color: var(--str-moss);
  cursor: pointer;
  transition: border-color var(--str-dur-fast) var(--str-ease-out), color var(--str-dur-fast) var(--str-ease-out);
}
.str-service-checkbox:has(input:checked) {
  border-color: var(--str-signal);
  color: var(--str-paper);
}
.str-service-checkbox input {
  accent-color: var(--str-signal);
}

.str-form__submit-state {
  display: none;
  align-items: center;
  gap: var(--str-space-2);
  font-size: var(--str-text-sm);
}
.str-form__submit-state[data-state='success'] { color: var(--str-signal); }
.str-form__submit-state[data-state='error'] { color: var(--str-danger); }
.str-form__submit-state.is-visible { display: flex; }



.str-office-card {
  position: relative;
  overflow: hidden;
  
  padding: var(--str-space-5) var(--str-space-6);
}

.str-office-card .str-h4 {
  font-size: var(--str-text-lg);
}


.str-office-card > .mt-6 {
  margin-top: var(--str-space-4);
}

.str-office-card__row + .str-office-card__row {
  margin-top: var(--str-space-3);
}
.str-office-card__glow {
  position: absolute;
  inset: -30%;
  background: var(--str-grad-depth);
  pointer-events: none;
  z-index: -1;
}
.str-office-card__row {
  display: flex;
  align-items: flex-start;
  gap: var(--str-space-3);
  padding-block: var(--str-space-3);
  border-bottom: 1px solid var(--str-border);
}
.str-office-card__row:last-child {
  border-bottom: none;
}
.str-office-card__row-icon {
  color: var(--str-signal);
  flex-shrink: 0;
  margin-top: 2px;
}



.str-social-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--str-space-2);
}
.str-social-icon {
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: var(--str-radius-full);
  border: 1px solid var(--str-border);
  color: var(--str-moss);
  transition: color var(--str-dur-fast) var(--str-ease-out), border-color var(--str-dur-fast) var(--str-ease-out), transform var(--str-dur-base) var(--str-ease-spring, var(--str-ease-out));
}
.str-social-icon:hover {
  color: var(--str-signal);
  border-color: var(--str-signal);
  transform: scale(1.1) rotate(-6deg);
}



.str-site-footer {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--str-border);
}


.str-site-footer::before {
  content: '';
  position: absolute;
  inset-inline: 0;
  top: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgb(var(--str-signal-rgb) / 0.55) 22%,
    rgb(var(--str-aqua-rgb) / 0.55) 52%,
    rgb(var(--str-violet-rgb) / 0.45) 78%,
    transparent 100%
  );
  pointer-events: none;
}


.str-site-footer::after {
  content: '';
  position: absolute;
  inset-inline: 0;
  top: 0;
  height: 12rem;
  background: radial-gradient(
    60% 100% at 50% 0%,
    rgb(var(--str-signal-rgb) / 0.07) 0%,
    transparent 70%
  );
  pointer-events: none;
  z-index: 0;
}


.str-site-footer > * {
  position: relative;
  z-index: 1;
}


.str-site-footer .str-logo__image {
  height: 2.25rem;
}


.str-footer__top {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--str-space-10);
}
@media (min-width: 56rem) {
  
  .str-footer__top {
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    align-items: start;
  }

  
  .str-footer__newsletter {
    justify-self: end;
    width: 100%;
    max-width: 22rem;
  }
}


.str-footer__bottom > p {
  order: 2;
  margin-inline-start: auto;
}


.str-footer__links {
  display: flex;
  flex-direction: column;
  gap: var(--str-space-2);
}
.str-footer__link {
  position: relative;
  display: inline-block;
  width: fit-content;
  color: var(--str-moss);
  font-size: var(--str-text-sm);
  transition: color var(--str-dur-fast) var(--str-ease-out);
}
.str-footer__link::after {
  content: '';
  position: absolute;
  left: 0;
  right: 100%;
  bottom: -2px;
  height: 1px;
  background: var(--str-signal);
  transition: right var(--str-dur-base) var(--str-ease-out);
}
.str-footer__link:hover {
  color: var(--str-paper);
  text-shadow: 0 0 10px var(--str-signal-a24, rgb(249 118 59 / 0.24));
}
.str-footer__link:hover::after {
  right: 0;
}

.str-newsletter-form {
  display: flex;
  gap: var(--str-space-2);
}
.str-newsletter-form__input {
  flex: 1;
  background: var(--str-glass);
  border: 1px solid var(--str-border);
  border-radius: var(--str-radius-full);
  padding: var(--str-space-2) var(--str-space-4);
  color: var(--str-paper);
  font-size: var(--str-text-sm);
}
.str-newsletter-form__input:focus {
  outline: none;
  border-color: var(--str-signal);
}

.str-footer__bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--str-space-3);
  border-top: 1px solid var(--str-border);
  text-align: center;
}
@media (min-width: 48rem) {
  .str-footer__bottom {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
  }
}



.str-back-to-top {
  position: fixed;
  right: var(--str-space-6);
  bottom: var(--str-space-6);
  z-index: var(--str-z-sticky);
  display: flex;
  height: 3rem;
  width: 3rem;
  align-items: center;
  justify-content: center;
  border-radius: var(--str-radius-full);
  background: var(--str-glass-strong);
  border: 1px solid var(--str-border);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity var(--str-dur-base) var(--str-ease-out), transform var(--str-dur-base) var(--str-ease-out), box-shadow var(--str-dur-base) var(--str-ease-out);
}
.str-back-to-top.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.str-back-to-top:hover {
  box-shadow: var(--str-glow-sm);
}
.str-back-to-top__ring {
  position: absolute;
  inset: 0;
  transform: rotate(-90deg);
}
.str-back-to-top__ring-track {
  fill: none;
  stroke: var(--str-border);
  stroke-width: 2;
}
.str-back-to-top__ring-value {
  fill: none;
  stroke: var(--str-signal);
  stroke-width: 2;
  stroke-linecap: round;
}

@media (prefers-reduced-motion: reduce) {
  .str-contact-option::after,
  .str-field__label,
  .str-field__input,
  .str-social-icon,
  .str-footer__link::after,
  .str-back-to-top {
    transition: none;
  }
}





.prose {
  color: var(--str-text-secondary);
  font-family: var(--str-font-body);
  font-size: var(--str-text-base);
  line-height: var(--str-leading-relaxed);
  max-width: var(--str-measure);
}

.prose > * + * { margin-top: var(--str-space-6); }

.prose h1,
.prose h2,
.prose h3,
.prose h4 {
  color: var(--str-text);
  font-family: var(--str-font-display);
  font-weight: var(--str-weight-semibold);
  line-height: var(--str-leading-tight);
  letter-spacing: var(--str-tracking-display);
}

.prose h1 { font-size: var(--str-text-4xl); }
.prose h2 { font-size: var(--str-text-3xl); }
.prose h3 { font-size: var(--str-text-2xl); }
.prose h4 { font-size: var(--str-text-xl); }

.prose > h2 + *,
.prose > h3 + *,
.prose > h4 + * { margin-top: var(--str-space-3); }

.prose > * + h2 { margin-top: var(--str-space-12); }
.prose > * + h3,
.prose > * + h4 { margin-top: var(--str-space-10); }

.prose strong { color: var(--str-text); font-weight: var(--str-weight-semibold); }
.prose em { font-style: italic; }

.prose a {
  color: var(--str-signal);
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px;
  transition: color var(--str-dur-fast) var(--str-ease-out);
}
.prose a:hover { color: var(--str-text); }

.prose ul,
.prose ol {
  padding-left: var(--str-space-6);
}
.prose ul { list-style: disc; }
.prose ol { list-style: decimal; }
.prose li { margin-top: var(--str-space-2); }
.prose li::marker { color: var(--str-signal); }

.prose blockquote {
  border-left: 2px solid var(--str-signal);
  padding-left: var(--str-space-5);
  color: var(--str-text);
  font-size: var(--str-text-lg);
  font-style: italic;
}

.prose code {
  font-family: var(--str-font-mono);
  font-size: 0.9em;
  color: var(--str-text);
  background: var(--str-depth-2);
  border-radius: var(--str-radius-xs);
  padding: 0.15em 0.4em;
}

.prose pre {
  font-family: var(--str-font-mono);
  font-size: var(--str-text-sm);
  background: var(--str-depth);
  border: 1px solid var(--str-border);
  border-radius: var(--str-radius-md);
  padding: var(--str-space-5);
  overflow-x: auto;
}
.prose pre code { background: none; padding: 0; }

.prose img,
.prose figure { border-radius: var(--str-radius-md); }
.prose figcaption {
  margin-top: var(--str-space-3);
  color: var(--str-text-tertiary);
  font-size: var(--str-text-sm);
}

.prose hr {
  border: 0;
  height: 1px;
  background: var(--str-grad-hairline);
}

.prose table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--str-text-sm);
}
.prose th,
.prose td {
  border-bottom: 1px solid var(--str-border);
  padding: var(--str-space-3);
  text-align: left;
}
.prose th { color: var(--str-text); font-weight: var(--str-weight-semibold); }


.prose-invert { color: var(--str-text-secondary); }

.prose.max-w-none,
.prose-invert.max-w-none { max-width: none; }


.str-comments {
  max-width: var(--str-measure, 42rem);
}


.str-comments__list,
.str-comments__list .children {
  list-style: none;
  margin: 0;
  padding: 0;
}

.str-comments__list .children {
  margin-inline-start: var(--str-space-6);
  border-inline-start: 1px solid var(--str-border);
  padding-inline-start: var(--str-space-6);
}

.str-comments__list li.comment {
  padding-block: var(--str-space-5);
  border-top: 1px solid var(--str-border);
}

.str-comments__list li.comment:first-child {
  border-top: 0;
}

.str-comments__list .comment-meta {
  display: flex;
  align-items: center;
  gap: var(--str-space-3);
  margin-bottom: var(--str-space-3);
  font-size: var(--str-text-xs);
  color: var(--str-text-secondary);
}

.str-comments__list .comment-meta img {
  border-radius: var(--str-radius-full);
}

.str-comments__list .comment-content {
  color: var(--str-text-secondary);
  font-size: var(--str-text-sm);
}

.str-comments__list .reply {
  margin-top: var(--str-space-3);
  font-size: var(--str-text-xs);
}



/* --- generated utilities --- */
.\!tracking-wide{letter-spacing:0.025em !important}
.-mt-6{margin-top:-var(--str-space-6)}
.-mx-6{margin-left:-var(--str-space-6);margin-right:-var(--str-space-6)}
.-rotate-3{transform:rotate(-3deg)}
.-rotate-90{transform:rotate(-90deg)}
.-z-10{z-index:-10}
.absolute{position:absolute}
.aspect-\[4\/3\]{aspect-ratio:4/3}
.bg-\[var\(--str-amber\)\]{background-color:var(--str-amber)}
.bg-\[var\(--str-aqua\)\]{background-color:var(--str-aqua)}
.bg-\[var\(--str-coral\)\]{background-color:var(--str-coral)}
.bg-\[var\(--str-signal\)\]{background-color:var(--str-signal)}
.bg-\[var\(--str-violet\)\]{background-color:var(--str-violet)}
.bg-depth-2{background-color:rgb(var(--str-depth-2-rgb) / 1)}
.bg-ink\/80{background-color:rgb(var(--str-ink-rgb) / 0.8)}
.bg-signal\/10{background-color:rgb(var(--str-signal-rgb) / 0.1)}
.bg-signal\/\[0\.16\]{background-color:rgb(var(--str-signal-rgb) / 0.16)}
.bg-transparent{background-color:transparent}
.block{display:block}
.blur{filter:blur(8px)}
.border{border-width:1px}
.border-border-strong{border-color:var(--str-border-strong)}
.border-signal\/60{border-color:rgb(var(--str-signal-rgb) / 0.6)}
.bottom-0{bottom:0px}
.fixed{position:fixed}
.flex{display:flex}
.flex-1{flex:1 1 0%}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.font-display{font-family:var(--str-font-display)}
.font-medium{font-weight:500}
.gap-0\.5{gap:var(--str-space-0-5)}
.gap-1{gap:var(--str-space-1)}
.gap-1\.5{gap:var(--str-space-1-5)}
.gap-10{gap:var(--str-space-10)}
.gap-2{gap:var(--str-space-2)}
.gap-3{gap:var(--str-space-3)}
.gap-4{gap:var(--str-space-4)}
.gap-6{gap:var(--str-space-6)}
.gap-8{gap:var(--str-space-8)}
.gap-x-6{column-gap:var(--str-space-6)}
.gap-y-2{row-gap:var(--str-space-2)}
.gap-y-3{row-gap:var(--str-space-3)}
.grid{display:grid}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grow{flex-grow:1}
.h-1\.5{height:var(--str-space-1-5)}
.h-10{height:var(--str-space-10)}
.h-11{height:var(--str-space-11)}
.h-13{height:var(--str-space-13)}
.h-16{height:var(--str-space-16)}
.h-2{height:var(--str-space-2)}
.h-2\.5{height:var(--str-space-2-5)}
.h-3{height:var(--str-space-3)}
.h-4{height:var(--str-space-4)}
.h-5{height:var(--str-space-5)}
.h-6{height:var(--str-space-6)}
.h-7{height:var(--str-space-7)}
.h-8{height:var(--str-space-8)}
.h-9{height:var(--str-space-9)}
.h-\[30\%\]{height:30%}
.h-\[40\%\]{height:40%}
.h-\[45\%\]{height:45%}
.h-\[60\%\]{height:60%}
.h-\[68\%\]{height:68%}
.h-\[72\%\]{height:72%}
.h-\[90\%\]{height:90%}
.h-full{height:100%}
.hidden{display:none}
.hover\:text-paper:hover{color:rgb(var(--str-paper-rgb) / 1)}
.inline{display:inline}
.inline-block{display:inline-block}
.inline-flex{display:inline-flex}
.inset-0{top:0px;right:0px;bottom:0px;left:0px}
.inset-x-0{left:0px;right:0px}
.items-center{align-items:center}
.items-start{align-items:flex-start}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.left-\[0\%\]{left:0%}
.left-\[10\%\]{left:10%}
.left-\[12\%\]{left:12%}
.left-\[16\%\]{left:16%}
.left-\[2\%\]{left:2%}
.left-\[22\%\]{left:22%}
.left-\[44\%\]{left:44%}
.left-\[50\%\]{left:50%}
.left-\[6\%\]{left:6%}
.left-\[76\%\]{left:76%}
.left-\[78\%\]{left:78%}
.left-\[86\%\]{left:86%}
.left-\[88\%\]{left:88%}
.left-\[90\%\]{left:90%}
.left-\[91\%\]{left:91%}
.left-\[93\%\]{left:93%}
@media (min-width:64rem){.lg\:block{display:block}}
@media (min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.m-0{margin:0px}
.max-w-2xl{max-width:42rem}
.max-w-3xl{max-width:48rem}
.max-w-lg{max-width:32rem}
.max-w-md{max-width:28rem}
.max-w-none{max-width:none}
.max-w-sm{max-width:24rem}
.max-w-xl{max-width:36rem}
.mb-1{margin-bottom:var(--str-space-1)}
.mb-10{margin-bottom:var(--str-space-10)}
.mb-12{margin-bottom:var(--str-space-12)}
.mb-2{margin-bottom:var(--str-space-2)}
.mb-3{margin-bottom:var(--str-space-3)}
.mb-4{margin-bottom:var(--str-space-4)}
.mb-6{margin-bottom:var(--str-space-6)}
.mb-8{margin-bottom:var(--str-space-8)}
@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.min-h-\[60vh\]{min-height:60vh}
.min-w-0{min-width:0px}
.ml-2{margin-left:var(--str-space-2)}
.mt-1{margin-top:var(--str-space-1)}
.mt-10{margin-top:var(--str-space-10)}
.mt-12{margin-top:var(--str-space-12)}
.mt-16{margin-top:var(--str-space-16)}
.mt-2{margin-top:var(--str-space-2)}
.mt-20{margin-top:var(--str-space-20)}
.mt-3{margin-top:var(--str-space-3)}
.mt-4{margin-top:var(--str-space-4)}
.mt-6{margin-top:var(--str-space-6)}
.mt-8{margin-top:var(--str-space-8)}
.mt-auto{margin-top:auto}
.mx-auto{margin-left:auto;margin-right:auto}
.object-contain{object-fit:contain}
.object-cover{object-fit:cover}
.opacity-20{opacity:0.2}
.opacity-25{opacity:0.25}
.opacity-30{opacity:0.3}
.opacity-40{opacity:0.4}
.opacity-50{opacity:0.5}
.opacity-60{opacity:0.6}
.overflow-hidden{overflow:hidden}
.p-0{padding:0px}
.placeholder\:text-mist::placeholder{color:rgb(var(--str-mist-rgb) / 1)}
.pt-2{padding-top:var(--str-space-2)}
.px-4{padding-left:var(--str-space-4);padding-right:var(--str-space-4)}
.py-2{padding-top:var(--str-space-2);padding-bottom:var(--str-space-2)}
.py-8{padding-top:var(--str-space-8);padding-bottom:var(--str-space-8)}
.py-section{padding-top:var(--str-section-y);padding-bottom:var(--str-section-y)}
.py-section-sm{padding-top:var(--str-section-y-sm);padding-bottom:var(--str-section-y-sm)}
.relative{position:relative}
.rounded{border-radius:var(--str-radius-md)}
.rounded-full{border-radius:var(--str-radius-full)}
.rounded-t-lg{border-top-left-radius:var(--str-radius-lg);border-top-right-radius:var(--str-radius-lg)}
@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.static{position:static}
.sticky{position:sticky}
.table{display:table}
.text-2xl{font-size:var(--str-text-2xl)}
.text-2xs{font-size:var(--str-text-2xs)}
.text-3xl{font-size:var(--str-text-3xl)}
.text-amber{color:rgb(var(--str-amber-rgb) / 1)}
.text-aqua{color:rgb(var(--str-aqua-rgb) / 1)}
.text-center{text-align:center}
.text-coral{color:rgb(var(--str-coral-rgb) / 1)}
.text-left{text-align:left}
.text-lg{font-size:var(--str-text-lg)}
.text-mist{color:rgb(var(--str-mist-rgb) / 1)}
.text-moss{color:rgb(var(--str-moss-rgb) / 1)}
.text-paper{color:rgb(var(--str-paper-rgb) / 1)}
.text-right{text-align:right}
.text-signal{color:rgb(var(--str-signal-rgb) / 1)}
.text-sm{font-size:var(--str-text-sm)}
.text-violet{color:rgb(var(--str-violet-rgb) / 1)}
.text-xl{font-size:var(--str-text-xl)}
.text-xs{font-size:var(--str-text-xs)}
.top-3{top:var(--str-space-3)}
.top-\[0\%\]{top:0%}
.top-\[12\%\]{top:12%}
.top-\[14\%\]{top:14%}
.top-\[16\%\]{top:16%}
.top-\[18\%\]{top:18%}
.top-\[30\%\]{top:30%}
.top-\[44\%\]{top:44%}
.top-\[50\%\]{top:50%}
.top-\[52\%\]{top:52%}
.top-\[58\%\]{top:58%}
.top-\[6\%\]{top:6%}
.top-\[62\%\]{top:62%}
.top-\[64\%\]{top:64%}
.top-\[68\%\]{top:68%}
.top-\[7\%\]{top:7%}
.top-\[70\%\]{top:70%}
.top-\[81\%\]{top:81%}
.top-\[82\%\]{top:82%}
.top-\[86\%\]{top:86%}
.top-\[88\%\]{top:88%}
.top-\[93\%\]{top:93%}
.top-\[94\%\]{top:94%}
.tracking-tight{letter-spacing:-0.025em}
.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}
.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}
.underline{text-decoration-line:underline}
.w-10{width:var(--str-space-10)}
.w-16{width:var(--str-space-16)}
.w-2{width:var(--str-space-2)}
.w-2\.5{width:var(--str-space-2-5)}
.w-3{width:var(--str-space-3)}
.w-4{width:var(--str-space-4)}
.w-5{width:var(--str-space-5)}
.w-6{width:var(--str-space-6)}
.w-7{width:var(--str-space-7)}
.w-8{width:var(--str-space-8)}
.w-9{width:var(--str-space-9)}
.w-auto{width:auto}
.w-full{width:100%}
.whitespace-pre-line{white-space:pre-line}




[data-str-field] {
  background-image: radial-gradient(var(--str-field-dot) 1px, transparent 1px);
  background-size: var(--str-field-size) var(--str-field-size);
}





@media (scripting: enabled) {
  .str-reveal {
    opacity: 0;
    transform: translateY(12px);
    transition: opacity var(--str-dur-slow) var(--str-ease-out),
                transform var(--str-dur-slow) var(--str-ease-out);
  }
  .str-reveal.is-visible { opacity: 1; transform: translateY(0); }

  .str-reveal--stagger > * {
    opacity: 0;
    transform: translateY(12px);
    transition: opacity var(--str-dur-slow) var(--str-ease-out),
                transform var(--str-dur-slow) var(--str-ease-out);
  }
  .str-reveal--stagger.is-visible > * { opacity: 1; transform: translateY(0); }
  .str-reveal--stagger.is-visible > *:nth-child(1) { transition-delay: calc(var(--str-stagger) * 0); }
  .str-reveal--stagger.is-visible > *:nth-child(2) { transition-delay: calc(var(--str-stagger) * 1); }
  .str-reveal--stagger.is-visible > *:nth-child(3) { transition-delay: calc(var(--str-stagger) * 2); }
  .str-reveal--stagger.is-visible > *:nth-child(4) { transition-delay: calc(var(--str-stagger) * 3); }
  .str-reveal--stagger.is-visible > *:nth-child(5) { transition-delay: calc(var(--str-stagger) * 4); }
  .str-reveal--stagger.is-visible > *:nth-child(6) { transition-delay: calc(var(--str-stagger) * 5); }
}

@media (prefers-reduced-motion: reduce) {
  .str-reveal,
  .str-reveal--stagger > * {
    opacity: 1;
    transform: none;
    transition: none;
  }
}


.str-hero__layer,
.str-services__layer {
  overflow: hidden;
  pointer-events: none;
}




.str-primary-menu__link-label { position: relative; display: inline-block; }
.str-logo__word { white-space: nowrap; }



@media print {
  .str-nav, .str-mobile-panel, [data-str-no-print] { display: none !important; }
  body { background: #fff; color: #000; }
}