@layer theme {
  :root, :host {
  --ui-color-primary-50: var(--color-primary-50, );
  --ui-color-primary-100: var(--color-primary-100, );
  --ui-color-primary-200: var(--color-primary-200, );
  --ui-color-primary-300: var(--color-primary-300, );
  --ui-color-primary-400: var(--color-primary-400, );
  --ui-color-primary-500: var(--color-primary-500, );
  --ui-color-primary-600: var(--color-primary-600, );
  --ui-color-primary-700: var(--color-primary-700, );
  --ui-color-primary-800: var(--color-primary-800, );
  --ui-color-primary-900: var(--color-primary-900, );
  --ui-color-primary-950: var(--color-primary-950, );
  --ui-color-secondary-50: var(--color-secondary-50, );
  --ui-color-secondary-100: var(--color-secondary-100, );
  --ui-color-secondary-200: var(--color-secondary-200, );
  --ui-color-secondary-300: var(--color-secondary-300, );
  --ui-color-secondary-400: var(--color-secondary-400, );
  --ui-color-secondary-500: var(--color-secondary-500, );
  --ui-color-secondary-600: var(--color-secondary-600, );
  --ui-color-secondary-700: var(--color-secondary-700, );
  --ui-color-secondary-800: var(--color-secondary-800, );
  --ui-color-secondary-900: var(--color-secondary-900, );
  --ui-color-secondary-950: var(--color-secondary-950, );
  --ui-color-success-50: var(--color-success-50, );
  --ui-color-success-100: var(--color-success-100, );
  --ui-color-success-200: var(--color-success-200, );
  --ui-color-success-300: var(--color-success-300, );
  --ui-color-success-400: var(--color-success-400, );
  --ui-color-success-500: var(--color-success-500, );
  --ui-color-success-600: var(--color-success-600, );
  --ui-color-success-700: var(--color-success-700, );
  --ui-color-success-800: var(--color-success-800, );
  --ui-color-success-900: var(--color-success-900, );
  --ui-color-success-950: var(--color-success-950, );
  --ui-color-info-50: var(--color-info-50, );
  --ui-color-info-100: var(--color-info-100, );
  --ui-color-info-200: var(--color-info-200, );
  --ui-color-info-300: var(--color-info-300, );
  --ui-color-info-400: var(--color-info-400, );
  --ui-color-info-500: var(--color-info-500, );
  --ui-color-info-600: var(--color-info-600, );
  --ui-color-info-700: var(--color-info-700, );
  --ui-color-info-800: var(--color-info-800, );
  --ui-color-info-900: var(--color-info-900, );
  --ui-color-info-950: var(--color-info-950, );
  --ui-color-warning-50: var(--color-warning-50, );
  --ui-color-warning-100: var(--color-warning-100, );
  --ui-color-warning-200: var(--color-warning-200, );
  --ui-color-warning-300: var(--color-warning-300, );
  --ui-color-warning-400: var(--color-warning-400, );
  --ui-color-warning-500: var(--color-warning-500, );
  --ui-color-warning-600: var(--color-warning-600, );
  --ui-color-warning-700: var(--color-warning-700, );
  --ui-color-warning-800: var(--color-warning-800, );
  --ui-color-warning-900: var(--color-warning-900, );
  --ui-color-warning-950: var(--color-warning-950, );
  --ui-color-error-50: var(--color-error-50, );
  --ui-color-error-100: var(--color-error-100, );
  --ui-color-error-200: var(--color-error-200, );
  --ui-color-error-300: var(--color-error-300, );
  --ui-color-error-400: var(--color-error-400, );
  --ui-color-error-500: var(--color-error-500, );
  --ui-color-error-600: var(--color-error-600, );
  --ui-color-error-700: var(--color-error-700, );
  --ui-color-error-800: var(--color-error-800, );
  --ui-color-error-900: var(--color-error-900, );
  --ui-color-error-950: var(--color-error-950, );
  --ui-color-neutral-50: var(--color-old-neutral-50, oklch(98.5% 0 none));
  --ui-color-neutral-100: var(--color-old-neutral-100, oklch(97% 0 none));
  --ui-color-neutral-200: var(--color-old-neutral-200, oklch(92.2% 0 none));
  --ui-color-neutral-300: var(--color-old-neutral-300, oklch(87% 0 none));
  --ui-color-neutral-400: var(--color-old-neutral-400, oklch(70.8% 0 none));
  --ui-color-neutral-500: var(--color-old-neutral-500, oklch(55.6% 0 none));
  --ui-color-neutral-600: var(--color-old-neutral-600, oklch(43.9% 0 none));
  --ui-color-neutral-700: var(--color-old-neutral-700, oklch(37.1% 0 none));
  --ui-color-neutral-800: var(--color-old-neutral-800, oklch(26.9% 0 none));
  --ui-color-neutral-900: var(--color-old-neutral-900, oklch(20.5% 0 none));
  --ui-color-neutral-950: var(--color-old-neutral-950, oklch(14.5% 0 none));
  }
  :root, :host {
  --ui-primary: var(--ui-color-primary-500);
  --ui-secondary: var(--ui-color-secondary-500);
  --ui-success: var(--ui-color-success-500);
  --ui-info: var(--ui-color-info-500);
  --ui-warning: var(--ui-color-warning-500);
  --ui-error: var(--ui-color-error-500);
  }
}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--brand-ring-angle:0deg}}}@layer theme{:host, :root{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-amber-950:oklch(27.9% .077 45.635);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--color-sky-100:oklch(95.1% .026 236.824);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-500:oklch(68.5% .169 237.323);--color-sky-600:oklch(58.8% .158 241.966);--color-sky-700:oklch(50% .134 242.749);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-indigo-800:oklch(39.8% .195 277.366);--color-indigo-900:oklch(35.9% .144 278.697);--color-indigo-950:oklch(25.7% .09 281.288);--color-violet-100:oklch(94.3% .029 294.588);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-700:oklch(49.1% .27 292.581);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-600:oklch(59.2% .249 .584);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-300:oklch(81% .117 11.638);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-950:oklch(27.1% .105 12.094);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-gray-950:oklch(13% .028 261.692);--color-neutral-50:oklch(98.5% 0 none);--color-neutral-100:oklch(97% 0 none);--color-neutral-200:oklch(92.2% 0 none);--color-neutral-300:oklch(87% 0 none);--color-neutral-400:oklch(70.8% 0 none);--color-neutral-500:oklch(55.6% 0 none);--color-neutral-600:oklch(43.9% 0 none);--color-neutral-700:oklch(37.1% 0 none);--color-neutral-800:oklch(26.9% 0 none);--color-neutral-900:oklch(20.5% 0 none);--color-neutral-950:oklch(14.5% 0 none);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:1.33333;--text-sm:.875rem;--text-sm--line-height:1.42857;--text-base:1rem;--text-base--line-height:1.5;--text-lg:1.125rem;--text-lg--line-height:1.55556;--text-xl:1.25rem;--text-xl--line-height:1.4;--text-2xl:1.5rem;--text-2xl--line-height:1.33333;--text-3xl:1.875rem;--text-3xl--line-height:1.2;--text-4xl:2.25rem;--text-4xl--line-height:1.11111;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--radius-2xl:calc(var(--radius) + 8px);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-sm:8px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--radius:.75rem;--color-old-neutral-50:oklch(98.5% 0 none);--color-old-neutral-100:oklch(97% 0 none);--color-old-neutral-200:oklch(92.2% 0 none);--color-old-neutral-300:oklch(87% 0 none);--color-old-neutral-400:oklch(70.8% 0 none);--color-old-neutral-500:oklch(55.6% 0 none);--color-old-neutral-600:oklch(43.9% 0 none);--color-old-neutral-700:oklch(37.1% 0 none);--color-old-neutral-800:oklch(26.9% 0 none);--color-old-neutral-900:oklch(20.5% 0 none);--color-old-neutral-950:oklch(14.5% 0 none);--color-primary:oklch(55% .17 185);--color-secondary:oklch(92% .01 240);--color-success:oklch(55% .15 150);--color-info:oklch(60% .14 230);--color-warning:oklch(70% .16 65);--color-error:oklch(55% .2 25);--color-background:oklch(98% .004 240);--color-foreground:oklch(15% .015 240);--color-card:oklch(100% 0 0);--color-primary-foreground:oklch(98% .005 185);--color-secondary-foreground:oklch(25% .02 240);--color-muted:oklch(95% .006 240);--color-muted-foreground:oklch(45% .02 240);--color-border:oklch(88% .008 240);--color-ring:oklch(55% .17 185);--color-success-foreground:oklch(98% .002 150);--color-warning-foreground:oklch(18% .03 65);--color-error-foreground:oklch(98% .002 25);--color-info-foreground:oklch(98% .002 230);--color-payment-pending:oklch(60% .15 60);--color-payment-pending-foreground:oklch(5% .005 60);--color-payment-completed:oklch(55% .12 160);--color-payment-completed-foreground:oklch(98% .002 160);--color-payment-failed:oklch(55% .2 25);--color-payment-failed-foreground:oklch(98% .002 25);--color-payment-cancelled:oklch(45% .03 250);--color-payment-cancelled-foreground:oklch(94% .005 250);--color-deployment-building:oklch(55% .15 220);--color-deployment-building-foreground:oklch(98% .002 220);--color-deployment-deploying:oklch(60% .15 60);--color-deployment-deploying-foreground:oklch(5% .005 60);--color-deployment-success:oklch(55% .12 160);--color-deployment-success-foreground:oklch(98% .002 160);--color-deployment-failed:oklch(55% .2 25);--color-deployment-failed-foreground:oklch(98% .002 25);--color-deployment-cancelled:oklch(45% .03 250);--color-deployment-cancelled-foreground:oklch(94% .005 250);--color-project-draft:oklch(45% .03 250);--color-project-active:oklch(55% .12 160);--color-project-archived:oklch(65% .01 250);--color-subscription-active:oklch(55% .12 160);--color-subscription-past-due:oklch(60% .15 60);--color-subscription-cancelled:oklch(55% .2 25);--color-subscription-trialing:oklch(55% .15 220);--color-glass:#ffffff1a;--color-glass-border:#fff3;--color-glass-strong:#ffffffd9;--color-glass-strong-border:#ffffff4d;--shadow-elevated:0 4px 20px #00000014, 0 1px 4px #0000000f;--shadow-floating:0 8px 30px #0000001f, 0 4px 8px #00000014;--shadow-glass:0 4px 16px #0000001a;--shadow-glow:0 0 0 1px #14b8a633, 0 0 8px #14b8a626;--shadow-glow-lg:0 0 0 1px #14b8a64d, 0 0 20px #14b8a633;--font-brand:"Switzer", "Switzer Fallback", Arial, sans-serif;--color-brand-ink:#0f1c2e;--color-brand-slate:#64748b;--color-brand-body:#4a5a6b;--color-brand-paper:#fff;--color-brand-mist:#f7f9fa;--color-brand-line:#e3e8ec;--color-brand-lime:#7ad84a;--color-brand-green:#27c98d;--color-brand-teal:#05ceb1;--color-brand-aqua:#0bced7;--color-brand-sky:#0a9bc2;--color-brand-blue:#0f9ff2;--color-device-metal:#d9dde2;--color-device-glass:#0b0e12;--color-device-button:#b4bbc2;--color-brand-teal-deep:#067a6b;--color-brand-sky-deep:#0a6e8c;--text-brand-hero:clamp(2.25rem, 1.1rem + 3.1vw, 3.5rem);--text-brand-h2:clamp(1.75rem, 1.1rem + 2.2vw, 2.75rem);--text-brand-h3:1.1875rem;--text-brand-label:.8125rem;--ui-header-height:4rem;--ui-radius:.25rem;--ui-container:80rem}:host, :root{--ui-text-dimmed:var(--ui-color-neutral-400);--ui-text-muted:var(--ui-color-neutral-500);--ui-text-toned:var(--ui-color-neutral-600);--ui-text:var(--ui-color-neutral-700);--ui-text-highlighted:var(--ui-color-neutral-900);--ui-text-inverted:#fff;--ui-bg:#fff;--ui-bg-muted:var(--ui-color-neutral-50);--ui-bg-elevated:var(--ui-color-neutral-100);--ui-bg-accented:var(--ui-color-neutral-200);--ui-bg-inverted:var(--ui-color-neutral-900);--ui-border:var(--ui-color-neutral-200);--ui-border-muted:var(--ui-color-neutral-200);--ui-border-accented:var(--ui-color-neutral-300);--ui-border-inverted:var(--ui-color-neutral-900)}}@layer base{:where([data-pb-imported]) *, *:where([data-pb-imported]), ::backdrop, :where([data-pb-imported]) :after, *:where([data-pb-imported]):after, :where([data-pb-imported]) :before, *:where([data-pb-imported]):before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host, html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}:where([data-pb-imported]) hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where([data-pb-imported]) h1, :where([data-pb-imported]) h2, :where([data-pb-imported]) h3, :where([data-pb-imported]) h4, :where([data-pb-imported]) h5, :where([data-pb-imported]) h6{font-size:inherit;font-weight:inherit}:where([data-pb-imported]) a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}:where([data-pb-imported]) b, :where([data-pb-imported]) strong{font-weight:bolder}:where([data-pb-imported]) code, :where([data-pb-imported]) kbd, :where([data-pb-imported]) pre, :where([data-pb-imported]) samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}:where([data-pb-imported]) small{font-size:80%}:where([data-pb-imported]) sub, :where([data-pb-imported]) sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}:where([data-pb-imported]) sub{bottom:-.25em}:where([data-pb-imported]) sup{top:-.5em}:where([data-pb-imported]) table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}:where([data-pb-imported]) progress{vertical-align:baseline}:where([data-pb-imported]) summary{display:list-item}:where([data-pb-imported]) menu, :where([data-pb-imported]) ol, :where([data-pb-imported]) ul{list-style:none}:where([data-pb-imported]) audio, :where([data-pb-imported]) canvas, :where([data-pb-imported]) embed, :where([data-pb-imported]) iframe, :where([data-pb-imported]) img, :where([data-pb-imported]) object, :where([data-pb-imported]) svg, :where([data-pb-imported]) video{vertical-align:middle;display:block}:where([data-pb-imported]) img, :where([data-pb-imported]) video{max-width:100%;height:auto}:where([data-pb-imported]) button, :where([data-pb-imported]) input, :where([data-pb-imported]) optgroup, :where([data-pb-imported]) select, :where([data-pb-imported]) textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}:where([data-pb-imported]) textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}:where([data-pb-imported]) button, input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:where([data-pb-imported]) *,*:where([data-pb-imported]){border-color:var(--color-border);outline-color:#00857a80}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--color-ring) 50%,transparent)}}}@layer utilities{@supports (color:color-mix(in lab,red,red)){:where(.divide-border\/60>:not(:last-child)){border-color:color-mix(in oklab,var(--color-border) 60%,transparent)}}@supports (color:color-mix(in lab,red,red)){:where(.divide-border\/70>:not(:last-child)){border-color:color-mix(in oklab,var(--color-border) 70%,transparent)}}@supports (color:color-mix(in lab,red,red)){:where(.divide-default\/60>:not(:last-child)){border-color:color-mix(in oklab,var(--ui-border) 60%,transparent)}}@supports (color:color-mix(in lab,red,red)){.border-brand-line\/70{border-color:color-mix(in oklab,var(--color-brand-line) 70%,transparent)}}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}@supports (color:color-mix(in lab,red,red)){.bg-brand-paper\/75{background-color:color-mix(in oklab,var(--color-brand-paper) 75%,transparent)}}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}@supports (color:color-mix(in lab,red,red)){.bg-white\/70{background-color:color-mix(in oklab,var(--color-white) 70%,transparent)}}@supports (color:color-mix(in lab,red,red)){.text-white\/60{color:color-mix(in oklab,var(--color-white) 60%,transparent)}}@supports (color:color-mix(in lab,red,red)){.text-white\/70{color:color-mix(in oklab,var(--color-white) 70%,transparent)}}@supports (color:color-mix(in lab,red,red)){.text-white\/75{color:color-mix(in oklab,var(--color-white) 75%,transparent)}}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white) 80%,transparent)}}@supports (color:color-mix(in lab,red,red)){.text-white\/85{color:color-mix(in oklab,var(--color-white) 85%,transparent)}}@supports (color:color-mix(in lab,red,red)){.ring-black\/10{--tw-ring-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}@supports (color:color-mix(in lab,red,red)){.outline-primary\/25{outline-color:color-mix(in oklab,var(--color-primary) 25%,transparent)}}.group-not-last\:group-not-first\:rounded-none:is(:where(.group):not(:last-child) *):is(:where(.group):not(:first-child) *){border-radius:0}.group-not-only\:group-first\:rounded-e-none:is(:where(.group):not(:only-child) *):is(:where(.group):first-child *){border-start-end-radius:0;border-end-end-radius:0}.group-not-only\:group-first\:rounded-b-none:is(:where(.group):not(:only-child) *):is(:where(.group):first-child *){border-bottom-right-radius:0;border-bottom-left-radius:0}.group-not-only\:group-last\:rounded-s-none:is(:where(.group):not(:only-child) *):is(:where(.group):last-child *){border-start-start-radius:0;border-end-start-radius:0}.group-not-only\:group-last\:rounded-t-none:is(:where(.group):not(:only-child) *):is(:where(.group):last-child *){border-top-left-radius:0;border-top-right-radius:0}.group-open\:rotate-45:is(:where(.group):is([open],:popover-open,:open) *){rotate:45deg}@media (hover:hover){.group-hover\:translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:-translate-y-0\.5:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-\[1\.03\]:is(:where(.group):hover *){scale:1.03}.group-hover\:border-brand-ink:is(:where(.group):hover *){border-color:var(--color-brand-ink)}.group-hover\:bg-indigo-400\/30:is(:where(.group):hover *){background-color:#7d87ff4d}@supports (color:color-mix(in lab,red,red)){.group-hover\:bg-indigo-400\/30:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-indigo-400) 30%,transparent)}}.group-hover\:text-brand-sky-deep:is(:where(.group):hover *){color:var(--color-brand-sky-deep)}.group-hover\:text-foreground:is(:where(.group):hover *){color:var(--color-foreground)}.group-hover\:text-primary:is(:where(.group):hover *){color:var(--color-primary)}.group-hover\:opacity-80:is(:where(.group):hover *){opacity:.8}.group-hover\:opacity-90:is(:where(.group):hover *){opacity:.9}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-data-highlighted\:text-default:is(:where(.group)[data-highlighted] *){color:var(--ui-text)}.group-data-highlighted\:text-error:is(:where(.group)[data-highlighted] *){color:var(--color-error)}.group-data-highlighted\:text-info:is(:where(.group)[data-highlighted] *){color:var(--color-info)}.group-data-highlighted\:text-primary:is(:where(.group)[data-highlighted] *){color:var(--color-primary)}.group-data-highlighted\:text-secondary:is(:where(.group)[data-highlighted] *){color:var(--color-secondary)}.group-data-highlighted\:text-success:is(:where(.group)[data-highlighted] *){color:var(--color-success)}.group-data-highlighted\:text-warning:is(:where(.group)[data-highlighted] *){color:var(--color-warning)}.group-data-highlighted\:not-group-data-disabled\:text-default:is(:where(.group)[data-highlighted] *):not(:is(:where(.group)[data-disabled] *)){color:var(--ui-text)}.group-data-\[state\=checked\]\:text-error:is(:where(.group)[data-state=checked] *){color:var(--color-error)}.group-data-\[state\=checked\]\:text-highlighted:is(:where(.group)[data-state=checked] *){color:var(--ui-text-highlighted)}.group-data-\[state\=checked\]\:text-info:is(:where(.group)[data-state=checked] *){color:var(--color-info)}.group-data-\[state\=checked\]\:text-primary:is(:where(.group)[data-state=checked] *){color:var(--color-primary)}.group-data-\[state\=checked\]\:text-secondary:is(:where(.group)[data-state=checked] *){color:var(--color-secondary)}.group-data-\[state\=checked\]\:text-success:is(:where(.group)[data-state=checked] *){color:var(--color-success)}.group-data-\[state\=checked\]\:text-warning:is(:where(.group)[data-state=checked] *){color:var(--color-warning)}.group-data-\[state\=checked\]\:opacity-100:is(:where(.group)[data-state=checked] *){opacity:1}.group-data-\[state\=open\]\:text-default:is(:where(.group)[data-state=open] *){color:var(--ui-text)}.group-data-\[state\=open\]\:text-error:is(:where(.group)[data-state=open] *){color:var(--color-error)}.group-data-\[state\=open\]\:text-info:is(:where(.group)[data-state=open] *){color:var(--color-info)}.group-data-\[state\=open\]\:text-primary:is(:where(.group)[data-state=open] *){color:var(--color-primary)}.group-data-\[state\=open\]\:text-secondary:is(:where(.group)[data-state=open] *){color:var(--color-secondary)}.group-data-\[state\=open\]\:text-success:is(:where(.group)[data-state=open] *){color:var(--color-success)}.group-data-\[state\=open\]\:text-warning:is(:where(.group)[data-state=open] *){color:var(--color-warning)}.group-data-\[state\=unchecked\]\:text-dimmed:is(:where(.group)[data-state=unchecked] *){color:var(--ui-text-dimmed)}.group-data-\[state\=unchecked\]\:opacity-100:is(:where(.group)[data-state=unchecked] *){opacity:1}.marker\:text-brand-slate ::marker{color:var(--color-brand-slate)}.marker\:text-brand-slate::marker{color:var(--color-brand-slate)}.marker\:text-brand-slate ::-webkit-details-marker{color:var(--color-brand-slate)}.marker\:text-brand-slate::-webkit-details-marker{color:var(--color-brand-slate)}.placeholder\:text-brand-slate\/80::placeholder{color:#64748bcc}@supports (color:color-mix(in lab,red,red)){.placeholder\:text-brand-slate\/80::placeholder{color:color-mix(in oklab,var(--color-brand-slate) 80%,transparent)}}@media (hover:hover){.hover\:border-brand-ink:hover{border-color:var(--color-brand-ink)}.hover\:bg-\[\#1B3350\]:hover{background-color:#1b3350}.hover\:bg-brand-mist:hover{background-color:var(--color-brand-mist)}.hover\:text-brand-ink:hover{color:var(--color-brand-ink)}.hover\:text-brand-sky-deep:hover{color:var(--color-brand-sky-deep)}.hover\:text-white\/80:hover{color:#fffc}@supports (color:color-mix(in lab,red,red)){.hover\:text-white\/80:hover{color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.hover\:decoration-brand-sky-deep:hover{-webkit-text-decoration-color:var(--color-brand-sky-deep);text-decoration-color:var(--color-brand-sky-deep)}}@supports (color:color-mix(in lab,red,red)){.focus\:ring-brand-sky-deep\/40:focus{--tw-ring-color:color-mix(in oklab, var(--color-brand-sky-deep) 40%, transparent)}}.has-focus-visible\:z-\[1\]:has(:focus-visible){z-index:1}.has-data-\[state\=checked\]\:border-error:has([data-state=checked]){border-color:var(--color-error)}.has-data-\[state\=checked\]\:border-info:has([data-state=checked]){border-color:var(--color-info)}.has-data-\[state\=checked\]\:border-inverted:has([data-state=checked]){border-color:var(--ui-border-inverted)}.has-data-\[state\=checked\]\:border-primary:has([data-state=checked]){border-color:var(--color-primary)}.has-data-\[state\=checked\]\:border-secondary:has([data-state=checked]){border-color:var(--color-secondary)}.has-data-\[state\=checked\]\:border-success:has([data-state=checked]){border-color:var(--color-success)}.has-data-\[state\=checked\]\:border-warning:has([data-state=checked]){border-color:var(--color-warning)}.has-\[\:focus-visible\]\:outline:has(:focus-visible){outline-style:var(--tw-outline-style);outline-width:1px}.has-\[\:focus-visible\]\:outline-2:has(:focus-visible){outline-style:var(--tw-outline-style);outline-width:2px}.has-\[\:focus-visible\]\:outline-offset-2:has(:focus-visible){outline-offset:2px}.has-\[\:focus-visible\]\:outline-brand-sky-deep:has(:focus-visible){outline-color:var(--color-brand-sky-deep)}.has-\[\[data-slot\=leading-icon\]\]\:ps-7:has([data-slot=leading-icon]){padding-inline-start:calc(var(--spacing)*7)}.has-\[\[data-slot\=leading-icon\]\]\:ps-8:has([data-slot=leading-icon]){padding-inline-start:calc(var(--spacing)*8)}.has-\[\[data-slot\=leading-icon\]\]\:ps-9:has([data-slot=leading-icon]){padding-inline-start:calc(var(--spacing)*9)}.has-\[\[data-slot\=leading-icon\]\]\:ps-10:has([data-slot=leading-icon]){padding-inline-start:calc(var(--spacing)*10)}.has-\[\[data-slot\=trailing-icon\]\]\:pe-7:has([data-slot=trailing-icon]){padding-inline-end:calc(var(--spacing)*7)}.has-\[\[data-slot\=trailing-icon\]\]\:pe-8:has([data-slot=trailing-icon]){padding-inline-end:calc(var(--spacing)*8)}.has-\[\[data-slot\=trailing-icon\]\]\:pe-9:has([data-slot=trailing-icon]){padding-inline-end:calc(var(--spacing)*9)}.has-\[\[data-slot\=trailing-icon\]\]\:pe-10:has([data-slot=trailing-icon]){padding-inline-end:calc(var(--spacing)*10)}@supports (color:color-mix(in lab,red,red)){.data-highlighted\:not-data-disabled\:before\:bg-elevated\/50[data-highlighted]:not([data-disabled]):before{background-color:color-mix(in oklab,var(--ui-bg-elevated) 50%,transparent)}}:where([data-slot=list]:not(:has([data-slot=indicator]))) .in-\[\[data-slot\=list\]\:not\(\:has\(\[data-slot\=indicator\]\)\)\]\:data-\[state\=active\]\:isolate[data-state=active]{isolation:isolate}:where([data-slot=list]:not(:has([data-slot=indicator]))) .in-\[\[data-slot\=list\]\:not\(\:has\(\[data-slot\=indicator\]\)\)\]\:data-\[state\=active\]\:before\:absolute[data-state=active]:before{content:var(--tw-content);position:absolute}:where([data-slot=list]:not(:has([data-slot=indicator]))) .in-\[\[data-slot\=list\]\:not\(\:has\(\[data-slot\=indicator\]\)\)\]\:data-\[state\=active\]\:before\:inset-0[data-state=active]:before{content:var(--tw-content);inset:0}:where([data-slot=list]:not(:has([data-slot=indicator]))) .in-\[\[data-slot\=list\]\:not\(\:has\(\[data-slot\=indicator\]\)\)\]\:data-\[state\=active\]\:before\:-z-10[data-state=active]:before{content:var(--tw-content);z-index:-10}:where([data-slot=list]:not(:has([data-slot=indicator]))) .in-\[\[data-slot\=list\]\:not\(\:has\(\[data-slot\=indicator\]\)\)\]\:data-\[state\=active\]\:before\:rounded-md[data-state=active]:before{content:var(--tw-content);border-radius:var(--radius-md)}:where([data-slot=list]:not(:has([data-slot=indicator]))) .in-\[\[data-slot\=list\]\:not\(\:has\(\[data-slot\=indicator\]\)\)\]\:data-\[state\=active\]\:before\:bg-error[data-state=active]:before{content:var(--tw-content);background-color:var(--color-error)}:where([data-slot=list]:not(:has([data-slot=indicator]))) .in-\[\[data-slot\=list\]\:not\(\:has\(\[data-slot\=indicator\]\)\)\]\:data-\[state\=active\]\:before\:bg-info[data-state=active]:before{content:var(--tw-content);background-color:var(--color-info)}:where([data-slot=list]:not(:has([data-slot=indicator]))) .in-\[\[data-slot\=list\]\:not\(\:has\(\[data-slot\=indicator\]\)\)\]\:data-\[state\=active\]\:before\:bg-inverted[data-state=active]:before{content:var(--tw-content);background-color:var(--ui-bg-inverted)}:where([data-slot=list]:not(:has([data-slot=indicator]))) .in-\[\[data-slot\=list\]\:not\(\:has\(\[data-slot\=indicator\]\)\)\]\:data-\[state\=active\]\:before\:bg-primary[data-state=active]:before{content:var(--tw-content);background-color:var(--color-primary)}:where([data-slot=list]:not(:has([data-slot=indicator]))) .in-\[\[data-slot\=list\]\:not\(\:has\(\[data-slot\=indicator\]\)\)\]\:data-\[state\=active\]\:before\:bg-secondary[data-state=active]:before{content:var(--tw-content);background-color:var(--color-secondary)}:where([data-slot=list]:not(:has([data-slot=indicator]))) .in-\[\[data-slot\=list\]\:not\(\:has\(\[data-slot\=indicator\]\)\)\]\:data-\[state\=active\]\:before\:bg-success[data-state=active]:before{content:var(--tw-content);background-color:var(--color-success)}:where([data-slot=list]:not(:has([data-slot=indicator]))) .in-\[\[data-slot\=list\]\:not\(\:has\(\[data-slot\=indicator\]\)\)\]\:data-\[state\=active\]\:before\:bg-warning[data-state=active]:before{content:var(--tw-content);background-color:var(--color-warning)}:where([data-slot=list]:not(:has([data-slot=indicator]))) .in-\[\[data-slot\=list\]\:not\(\:has\(\[data-slot\=indicator\]\)\)\]\:data-\[state\=active\]\:before\:shadow-xs[data-state=active]:before{content:var(--tw-content);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:where([data-slot=list]:not(:has([data-slot=indicator]))) .in-\[\[data-slot\=list\]\:not\(\:has\(\[data-slot\=indicator\]\)\)\]\:data-\[state\=active\]\:before\:content-\[\'\'\][data-state=active]:before{--tw-content:"";content:var(--tw-content)}:where([data-slot=list]:not(:has([data-slot=indicator]))) .in-\[\[data-slot\=list\]\:not\(\:has\(\[data-slot\=indicator\]\)\)\]\:data-\[state\=active\]\:after\:absolute[data-state=active]:after{content:var(--tw-content);position:absolute}:where([data-slot=list]:not(:has([data-slot=indicator]))) .in-\[\[data-slot\=list\]\:not\(\:has\(\[data-slot\=indicator\]\)\)\]\:data-\[state\=active\]\:after\:inset-x-0[data-state=active]:after{content:var(--tw-content);inset-inline:0}:where([data-slot=list]:not(:has([data-slot=indicator]))) .in-\[\[data-slot\=list\]\:not\(\:has\(\[data-slot\=indicator\]\)\)\]\:data-\[state\=active\]\:after\:inset-y-0[data-state=active]:after{content:var(--tw-content);inset-block:0}:where([data-slot=list]:not(:has([data-slot=indicator]))) .in-\[\[data-slot\=list\]\:not\(\:has\(\[data-slot\=indicator\]\)\)\]\:data-\[state\=active\]\:after\:-start-\[calc\(var\(--spacing\)\+1px\)\][data-state=active]:after{content:var(--tw-content);inset-inline-start:calc(var(--spacing)*-1 + -1px)}:where([data-slot=list]:not(:has([data-slot=indicator]))) .in-\[\[data-slot\=list\]\:not\(\:has\(\[data-slot\=indicator\]\)\)\]\:data-\[state\=active\]\:after\:-bottom-\[calc\(var\(--spacing\)\+1px\)\][data-state=active]:after{content:var(--tw-content);bottom:calc(var(--spacing)*-1 + -1px)}:where([data-slot=list]:not(:has([data-slot=indicator]))) .in-\[\[data-slot\=list\]\:not\(\:has\(\[data-slot\=indicator\]\)\)\]\:data-\[state\=active\]\:after\:h-px[data-state=active]:after{content:var(--tw-content);height:1px}:where([data-slot=list]:not(:has([data-slot=indicator]))) .in-\[\[data-slot\=list\]\:not\(\:has\(\[data-slot\=indicator\]\)\)\]\:data-\[state\=active\]\:after\:w-px[data-state=active]:after{content:var(--tw-content);width:1px}:where([data-slot=list]:not(:has([data-slot=indicator]))) .in-\[\[data-slot\=list\]\:not\(\:has\(\[data-slot\=indicator\]\)\)\]\:data-\[state\=active\]\:after\:rounded-full[data-state=active]:after{content:var(--tw-content);border-radius:2147483647px}:where([data-slot=list]:not(:has([data-slot=indicator]))) .in-\[\[data-slot\=list\]\:not\(\:has\(\[data-slot\=indicator\]\)\)\]\:data-\[state\=active\]\:after\:bg-error[data-state=active]:after{content:var(--tw-content);background-color:var(--color-error)}:where([data-slot=list]:not(:has([data-slot=indicator]))) .in-\[\[data-slot\=list\]\:not\(\:has\(\[data-slot\=indicator\]\)\)\]\:data-\[state\=active\]\:after\:bg-info[data-state=active]:after{content:var(--tw-content);background-color:var(--color-info)}:where([data-slot=list]:not(:has([data-slot=indicator]))) .in-\[\[data-slot\=list\]\:not\(\:has\(\[data-slot\=indicator\]\)\)\]\:data-\[state\=active\]\:after\:bg-inverted[data-state=active]:after{content:var(--tw-content);background-color:var(--ui-bg-inverted)}:where([data-slot=list]:not(:has([data-slot=indicator]))) .in-\[\[data-slot\=list\]\:not\(\:has\(\[data-slot\=indicator\]\)\)\]\:data-\[state\=active\]\:after\:bg-primary[data-state=active]:after{content:var(--tw-content);background-color:var(--color-primary)}:where([data-slot=list]:not(:has([data-slot=indicator]))) .in-\[\[data-slot\=list\]\:not\(\:has\(\[data-slot\=indicator\]\)\)\]\:data-\[state\=active\]\:after\:bg-secondary[data-state=active]:after{content:var(--tw-content);background-color:var(--color-secondary)}:where([data-slot=list]:not(:has([data-slot=indicator]))) .in-\[\[data-slot\=list\]\:not\(\:has\(\[data-slot\=indicator\]\)\)\]\:data-\[state\=active\]\:after\:bg-success[data-state=active]:after{content:var(--tw-content);background-color:var(--color-success)}:where([data-slot=list]:not(:has([data-slot=indicator]))) .in-\[\[data-slot\=list\]\:not\(\:has\(\[data-slot\=indicator\]\)\)\]\:data-\[state\=active\]\:after\:bg-warning[data-state=active]:after{content:var(--tw-content);background-color:var(--color-warning)}:where([data-slot=list]:not(:has([data-slot=indicator]))) .in-\[\[data-slot\=list\]\:not\(\:has\(\[data-slot\=indicator\]\)\)\]\:data-\[state\=active\]\:after\:content-\[\'\'\][data-state=active]:after{--tw-content:"";content:var(--tw-content)}@media (hover:hover){.hover\:data-\[state\=inactive\]\:not-disabled\:text-default:hover[data-state=inactive]:not(:disabled){color:var(--ui-text)}}@media (prefers-reduced-motion:reduce){.motion-reduce\:transform-none{transform:none}.motion-reduce\:transition-none{transition-property:none}}@media (width>=40rem){@supports (color:color-mix(in lab,red,red)){.sm\:border-white\/15{border-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}}@media (width>=64rem){@supports (color:color-mix(in lab,red,red)){.lg\:bg-brand-paper\/95{background-color:color-mix(in oklab,var(--color-brand-paper) 95%,transparent)}}}@media (prefers-reduced-motion:reduce){@media (width>=64rem){.motion-reduce\:lg\:transition-none{transition-property:none}}}.\[\&\:has\(\[role\=checkbox\]\)\]\:pe-0:has([role=checkbox]){padding-inline-end:0}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}body:has(.dashboard-app-theme){--color-background:#05070a;--color-foreground:#f4f7fb;--color-card:#101722;--color-card-foreground:#f4f7fb;--color-popover:#101722;--color-popover-foreground:#f4f7fb;--color-primary:#12cfc0;--color-primary-foreground:#021311;--color-muted:#111820;--color-muted-foreground:#8f9bab;--color-border:#1f2a36;--color-input:#101721;--color-ring:#12cfc0;--color-success:#35df76;--color-warning:#f2b01e;--color-error:#ff6470;--color-info:#55c8ff;--ui-bg:#05070a;--ui-bg-muted:#0b1016;--ui-bg-elevated:#101722;--ui-bg-accented:#151f2b;--ui-bg-inverted:#f4f7fb;--ui-border:#1f2a36;--ui-border-muted:#17212c;--ui-border-accented:#2a3948;--ui-text:#f4f7fb;--ui-text-highlighted:#fff;--ui-text-toned:#dce5ef;--ui-text-muted:#a8b2c1;--ui-text-dimmed:#748092;--ui-text-inverted:#021311;--ui-primary:#12cfc0;--ui-success:#35df76;--ui-info:#55c8ff;--ui-warning:#f2b01e;--ui-error:#ff6470;color:#f4f7fb;background:#05070a}:is(body:has(.dashboard-app-theme) .bg-gray-100,body:has(.dashboard-app-theme) .bg-gray-50,body:has(.dashboard-app-theme) .bg-neutral-100,body:has(.dashboard-app-theme) .bg-neutral-50,body:has(.dashboard-app-theme) .bg-white){background-color:#101722!important}:is(body:has(.dashboard-app-theme) .bg-gray-200,body:has(.dashboard-app-theme) .bg-neutral-200){background-color:#151f2b!important}:is(body:has(.dashboard-app-theme) .text-gray-700,body:has(.dashboard-app-theme) .text-gray-800,body:has(.dashboard-app-theme) .text-gray-900,body:has(.dashboard-app-theme) .text-neutral-700,body:has(.dashboard-app-theme) .text-neutral-800,body:has(.dashboard-app-theme) .text-neutral-900){color:#f4f7fb!important}:is(body:has(.dashboard-app-theme) .text-gray-400,body:has(.dashboard-app-theme) .text-gray-500,body:has(.dashboard-app-theme) .text-gray-600,body:has(.dashboard-app-theme) .text-neutral-400,body:has(.dashboard-app-theme) .text-neutral-500,body:has(.dashboard-app-theme) .text-neutral-600){color:#a8b2c1!important}:is(body:has(.dashboard-app-theme) .border-gray-200,body:has(.dashboard-app-theme) .border-gray-300,body:has(.dashboard-app-theme) .border-neutral-200,body:has(.dashboard-app-theme) .border-neutral-300){border-color:#1f2a36!important}@supports (color:color-mix(in lab,red,red)){.brand-bloom{background-image:radial-gradient(62% 52% at 100% 0,color-mix(in oklab,var(--color-brand-teal) 46%,transparent) 0,color-mix(in oklab,var(--color-brand-green) 15%,transparent) 38%,transparent 72%)}}@supports (color:color-mix(in lab,red,red)){.brand-glow{background-image:radial-gradient(46% 62% at 50% 112%,color-mix(in oklab,var(--color-brand-teal) 68%,transparent) 0,color-mix(in oklab,var(--color-brand-sky) 26%,transparent) 34%,transparent 68%)}}@media (prefers-reduced-motion:no-preference){.brand-rail-track{will-change:transform;animation:46s linear infinite brand-rail}.brand-rail:focus-within .brand-rail-track,.brand-rail:hover .brand-rail-track{animation-play-state:paused}@keyframes brand-rail{to{translate:-50%}}}@media (prefers-reduced-motion:reduce){.brand-rail{overflow-x:auto;-webkit-mask-image:none;mask-image:none}}@media (hover:hover) and (pointer:fine){.brand-gallery-panel:not([data-slot="0"],[data-parked]):focus-within,.brand-gallery-panel:not([data-slot="0"],[data-parked]):hover{width:calc(var(--slot-w) + 4rem);transition-duration:.26s}:is(.brand-gallery-rail:has(.brand-gallery-panel:not([data-slot="0"],[data-parked]):focus-within) .brand-gallery-panel[data-slot="0"],.brand-gallery-rail:has(.brand-gallery-panel:not([data-slot="0"],[data-parked]):hover) .brand-gallery-panel[data-slot="0"]){width:calc(var(--slot-w) - 4rem);transition-duration:.26s}}.brand-scope ::selection{background:#05ceb142}@supports (color:color-mix(in lab,red,red)){.brand-scope ::selection{background:color-mix(in oklab,var(--color-brand-teal) 26%,transparent)}}.brand-scope ::selection{color:var(--color-brand-ink)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.brand-glass{background-color:#ffffffed}}.brand-scope :where(a,button), .brand-scope :where(h1,h2,h3){word-spacing:.06em}.brand-card:where(:hover,:focus-visible){transition-duration:.22s}@media (hover:hover) and (pointer:fine){.brand-card:hover{box-shadow:0 12px 26px -20px #0f1c2e8c}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.brand-card:hover{transform:translateY(-3px)}}@media (hover:hover) and (pointer:fine){.brand-card:hover{border-color:#0000}.brand-card:hover:after{opacity:1;transition-duration:.16s}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.brand-card:hover:after{animation:4s linear infinite brand-ring-spin}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.group:focus-visible .brand-arrow,.group:hover .brand-arrow,a:hover>.brand-arrow{opacity:0;transition-duration:.26s;translate:140%}.group:focus-visible .brand-arrow:before,.group:hover .brand-arrow:before,a:hover>.brand-arrow:before{opacity:1;transition-duration:.26s;translate:0}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.group:focus-visible .brand-arrow-svg,.group:hover .brand-arrow-svg{transition-duration:.16s;translate:4px}}@supports (color:color-mix(in lab,red,red)){.brand-underline{background-image:linear-gradient(currentColor,currentColor),linear-gradient(color-mix(in oklab,currentColor 40%,transparent),color-mix(in oklab,currentColor 40%,transparent))}}@media (hover:hover) and (pointer:fine){.brand-underline:hover{background-position:0 100%,0 100%;background-size:100% 1.5px,100% 1.5px}}@media (prefers-reduced-motion:reduce){.brand-underline{transition:none}}@media (prefers-reduced-motion:no-preference){.brand-press:active{translate:0 1px}}}@font-face{font-family:Switzer Fallback;src:local(Arial);size-adjust:97%;ascent-override:100%;descent-override:25%;line-gap-override:0%}@media (prefers-reduced-motion:no-preference){.brand-plume-enter{animation:1.6s cubic-bezier(.16,1,.3,1) both brand-plume-drift}@keyframes brand-plume-drift{0%{opacity:0;filter:blur(6px);transform:translate(2.5%,3%)scale(1.06)}to{opacity:1;filter:blur();transform:none}}}@property --brand-ring-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@media (prefers-reduced-motion:no-preference){@keyframes brand-ring-spin{to{--brand-ring-angle:360deg}}.reveal-ready [data-reveal]{opacity:0;transition:opacity .6s cubic-bezier(.22,1,.36,1),translate .6s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0s);translate:0 1.25rem}.reveal-ready [data-reveal].is-inview{opacity:1;translate:0}.reveal-ready [data-reveal].brand-card{transition:opacity .6s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0s),translate .6s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0s),border-color .3s ease,box-shadow .3s ease,transform .3s cubic-bezier(.4,0,.2,1);transition-delay:var(--reveal-delay,0s),var(--reveal-delay,0s),0s,0s,0s}.reveal-ready [data-reveal].brand-card:where(:hover,:focus-visible){transition-duration:.6s,.6s,.22s,.22s,.22s}}@media (prefers-reduced-motion:no-preference){.reveal-ready .brand-step-rule:before{transition:transform .62s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0s);transform:scaleX(0)}.reveal-ready .brand-step-rule.is-inview:before{transform:scaleX(1)}}@media (prefers-reduced-motion:no-preference){.reveal-ready .brand-thread-turn{opacity:0;transition:opacity .5s cubic-bezier(.22,1,.36,1),translate .5s cubic-bezier(.22,1,.36,1);transition-delay:calc(.28s + var(--turn,0)*1.34s);translate:0 .6rem}.reveal-ready .brand-thread.is-inview .brand-thread-turn{opacity:1;translate:0}.reveal-ready .brand-thread.is-inview .brand-thread-typing{animation:.9s .82s both brand-thread-typing}@keyframes brand-thread-typing{0%{opacity:0;translate:0 .4rem}22%,68%{opacity:1;translate:0}to{opacity:0;translate:0 -.2rem}}.reveal-ready .brand-thread-dot{animation:1.05s ease-in-out infinite brand-thread-dot;animation-delay:calc(var(--dot,0)*.16s)}@keyframes brand-thread-dot{0%,to{opacity:.3}50%{opacity:1}}}@media (prefers-reduced-motion:no-preference){.reveal-ready .brand-tick-path{stroke-dashoffset:24px;transition:stroke-dashoffset .5s;transition-delay:var(--tick-delay,0s)}.reveal-ready .is-inview .brand-tick-path,.reveal-ready.is-inview .brand-tick-path{stroke-dashoffset:0}}@media (prefers-reduced-motion:no-preference){.reveal-ready .brand-step-link:not(:last-child):before{transition:transform .5s cubic-bezier(.22,1,.36,1);transition-delay:var(--link-delay,0s);transform:scaleY(0)}.reveal-ready .is-inview .brand-step-link:not(:last-child):before,.reveal-ready.is-inview .brand-step-link:not(:last-child):before{transform:scaleY(1)}.reveal-ready .brand-strike{transition:text-decoration-color .45s;transition-delay:var(--strike-delay,.24s);text-decoration-color:#0000}.reveal-ready .is-inview .brand-strike,.reveal-ready.is-inview .brand-strike{-webkit-text-decoration-color:var(--color-brand-teal-deep);text-decoration-color:var(--color-brand-teal-deep)}}@supports (color:color-mix(in lab,red,red)){.brand-cadence-cell{background-color:color-mix(in oklab,var(--color-brand-teal-deep) 42%,transparent)}}@media (prefers-reduced-motion:no-preference){.reveal-ready .brand-cadence-cell{background-color:var(--color-brand-line);transition:background-color .3s;transition-delay:calc(.22s + var(--row,0)*.19s + var(--cell,0)*24ms)}.reveal-ready .brand-cadence.is-inview .brand-cadence-cell{background-color:#067a6b6b}@supports (color:color-mix(in lab,red,red)){.reveal-ready .brand-cadence.is-inview .brand-cadence-cell{background-color:color-mix(in oklab,var(--color-brand-teal-deep) 42%,transparent)}}}@supports (color:color-mix(in lab,red,red)){.brand-rewrite-mark{background-image:linear-gradient(color-mix(in oklab,var(--color-brand-lime) 42%,transparent) 0 0)}}@media (prefers-reduced-motion:no-preference){.reveal-ready .brand-rewrite-mark{background-size:0 100%;transition:background-size .55s cubic-bezier(.22,1,.36,1) .32s}.reveal-ready .brand-rewrite.is-inview .brand-rewrite-mark{background-size:100% 100%}.reveal-ready .brand-rewrite-before{color:var(--color-brand-ink);transition:color .5s 1.02s}.reveal-ready .brand-rewrite.is-inview .brand-rewrite-before{color:var(--color-brand-body)}.reveal-ready .brand-rewrite-after{clip-path:inset(0 100% 0 0);transition:clip-path .7s cubic-bezier(.22,1,.36,1) 1.38s}.reveal-ready .brand-rewrite.is-inview .brand-rewrite-after{clip-path:inset(0)}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.5}}
@media (prefers-reduced-motion:no-preference) {
  .brand-rail-track {
    animation: 74s linear infinite brand-rail;
  }
}

.brand-nav-drawer[data-v-7f8026ea]::backdrop{background:#0f1c2e73}@media (prefers-reduced-motion:no-preference){.brand-nav-drawer[data-v-7f8026ea]{transition:translate .26s ease,display allow-discrete .26s,overlay allow-discrete .26s;translate:0}.brand-nav-drawer[data-v-7f8026ea]:not([open]){translate:100%}@starting-style{.brand-nav-drawer[open][data-v-7f8026ea]{translate:100%}}.brand-nav-drawer[data-v-7f8026ea]::backdrop{transition:opacity .26s ease,display allow-discrete .26s,overlay allow-discrete .26s;opacity:1}.brand-nav-drawer[data-v-7f8026ea]:not([open])::backdrop{opacity:0}@starting-style{.brand-nav-drawer[open][data-v-7f8026ea]::backdrop{opacity:0}}}
.brand-gallery-panel:not([data-slot="0"],[data-slot="1"],[data-slot="2"],[data-slot="3"]) {
  margin-left: -0.75rem !important;
  border-width: 0;
}


.tlp4{--t4-ink:#0A0A0C;--t4-soft:#15191B;--t4-line:#E3E7E9;--t4-bg:#F4F5F6;--t4-surf:#FFFFFF;--t4-teal:#34DED4;--t4-teal-d:#0C8E92;--t4-green:#27C98D;--t4-blue:#0F9FF2;--t4-grad:linear-gradient(135deg,#7AD84A 0%,#27C98D 42%,#0F9FF2 100%);
background:var(--t4-bg);color:var(--t4-ink);font-size:18px;line-height:1.55;-webkit-font-smoothing:antialiased}
.tlp4 *,.tlp4 *::before,.tlp4 *::after{box-sizing:border-box}
.tlp4 p,.tlp4 h1,.tlp4 h2,.tlp4 h3,.tlp4 ul,.tlp4 ol,.tlp4 figure{margin:0}
.tlp4 ul{list-style:none;padding:0}
.tlp4 img{display:block;max-width:100%}
.tlp4 :focus-visible{outline:3px solid var(--t4-teal-d);outline-offset:2px}
.tlp4-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}

.tlp4-hdr{background:var(--t4-surf);border-bottom:1px solid var(--t4-line)}
.tlp4-hdr-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}
.tlp4-logo{width:124px;height:auto}
.tlp4-hdr-r{display:flex;align-items:center;gap:8px}
.tlp4-tel{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:14px;color:var(--t4-ink);text-decoration:none;white-space:nowrap}
.tlp4-tel svg{width:17px;height:17px;flex:0 0 auto;color:var(--t4-teal-d)}

.tlp4-btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;background:var(--t4-teal);color:#07211F;font-family:inherit;font-weight:800;font-size:16px;letter-spacing:.02em;text-transform:uppercase;line-height:1.2;padding:17px 24px;border:0;border-radius:9px;cursor:pointer;text-decoration:none;text-wrap:balance;transition:background-color .18s ease,transform .18s ease}
.tlp4-btn:hover{background:#25C9C0}
.tlp4-btn--sm{font-size:11px;padding:10px 12px;border-radius:8px}
.tlp4-btn--wide{width:100%}
.tlp4-btn--ghost{background:transparent;color:var(--t4-ink);border:2px solid var(--t4-ink)}
.tlp4-btn--ghost:hover{background:var(--t4-ink);color:#fff}

.tlp4-s{padding:60px 0}
.tlp4-s--tight{padding:42px 0}
.tlp4-s--big{padding:78px 0}
.tlp4-surf{background:var(--t4-surf)}
.tlp4-eyebrow{font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--t4-teal-d)}
.tlp4-h1{font-size:34px;line-height:1.08;font-weight:900;letter-spacing:-.02em;text-wrap:balance; text-transform: uppercase;}
.tlp4-h2{font-size:27px;line-height:1.18;font-weight:900;letter-spacing:-.015em;text-wrap:balance; text-transform: uppercase;}
.tlp4-h3{font-size:19px;line-height:1.3;font-weight:800; text-transform: uppercase;}
.tlp4-grad{background-image:var(--t4-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.tlp4-sub{margin-top:14px;font-size:17px;color:var(--t4-soft);max-width:62ch}
.tlp4-rule{display:block;height:4px;border:0;margin:0;background-image:var(--t4-grad)}

.tlp4-hero{position:relative;isolation:isolate;overflow:hidden;padding:34px 0 42px}
.tlp4-hero-bg{position:absolute;inset:0;z-index:-2}
.tlp4-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 38%}
.tlp4-hero-veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(244,245,246,.82) 0%,rgba(244,245,246,.64) 48%,rgba(244,245,246,.94) 100%)}
.tlp4-hero-grid{display:grid;gap:30px;align-items:start}
.tlp4-ticks{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;font-size:14px;font-weight:700;color:var(--t4-soft)}
.tlp4-ticks li{display:flex;align-items:center;gap:7px;white-space:nowrap}
.tlp4-ticks span{color:var(--t4-teal-d);font-weight:900}

.tlp4-dev{position:relative;margin-top:26px;max-width:560px}
.tlp4-dev-d{border-radius:11px;overflow:hidden;background:#fff;border:1px solid var(--t4-line);box-shadow:0 26px 50px -28px rgba(10,10,12,.55)}
.tlp4-dev-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#EEF1F2;border-bottom:1px solid var(--t4-line)}
.tlp4-dot{width:9px;height:9px;border-radius:50%;background:#CDD4D6;flex:0 0 auto}
.tlp4-dev-url{margin-left:8px;font-size:10px;letter-spacing:.1em;color:#7C878A;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.tlp4-shot-d{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top center;background:#E9EDEE}
.tlp4-dev-p{position:absolute;right:-6px;bottom:-26px;width:23%;min-width:96px;max-width:132px;padding:6px;background:#fff;border:1px solid var(--t4-line);border-radius:20px;box-shadow:0 18px 34px -18px rgba(10,10,12,.55)}
.tlp4-shot-m{width:100%;aspect-ratio:390/760;object-fit:cover;object-position:top center;border-radius:15px;background:#E9EDEE}

.tlp4-card{background:var(--t4-surf);border:1px solid var(--t4-line);border-radius:14px;box-shadow:0 24px 46px -30px rgba(10,10,12,.45);overflow:hidden}
.tlp4-card-top{height:5px;background-image:var(--t4-grad)}
.tlp4-card-in{padding:24px 20px}
.tlp4-form{display:grid;gap:11px;margin-top:14px}
.tlp4-field label{display:block;margin-bottom:6px;font-size:13px;font-weight:800}
.tlp4-input{display:block;width:100%;min-height:48px;padding:13px 13px;background:#FFFFFF;border:1px solid rgba(10,10,12,.14);border-radius:10px;color:var(--t4-ink);font-family:inherit;font-size:16px;line-height:1.4}
.tlp4-input::placeholder{color:#6B7578}
.tlp4-input:focus{border-color:var(--t4-teal-d)}
textarea.tlp4-input{min-height:92px;resize:vertical}
select.tlp4-input{-webkit-appearance:none;appearance:none;padding-right:40px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230C8E92' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:15px}
.tlp4-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.tlp4-msg{margin-top:13px;padding:13px 15px;border-radius:8px;font-size:15px; display: none;}
.tlp4-msg--ok{background:#E6FAF6;border:1px solid #6FD9C6;color:#07564C}
.tlp4-msg--err{background:#FDECEA;border:1px solid #E9A79E;color:#8A2A1C}
.tlp4-foot-note{margin-top:12px;font-size:12.5px;line-height:1.5;color:#25302F;text-align:center}
.tlp4-cardnote{margin-top:8px;font-size:14px;font-weight:800;color:var(--t4-teal-d); text-align: center;}

.tlp4-expo{background:var(--t4-ink);color:#fff}
.tlp4-expo-in{display:grid;flex-wrap:wrap;align-items:center;gap:30px;padding:52px 0}
.tlp4-expo img{width:104px;flex:0 0 auto;background:#fff;border-radius:9px;padding:9px}
.tlp4-expo-t{min-width:240px;flex:1 1 320px}
.tlp4-expo-t h2{
  font-size: 30px;
  font-weight: 900;
  line-height: 1.12;
  text-transform: uppercase;
  letter-spacing: -.01em;
}
.tlp4-expo-t p{margin-top:7px;font-size:16.5px;color:#C2CACC}

.tlp4-grid3{display:grid;gap:22px;margin-top:34px}
.tlp4-pain{padding-top:20px;border-top:3px solid var(--t4-line)}
.tlp4-pain h3{margin-bottom:8px}
.tlp4-pain p{font-size:16px;color:var(--t4-soft)}
.tlp4-svc{background:var(--t4-surf);border:1px solid var(--t4-line);border-radius:13px;padding:24px 20px}
.tlp4-svc-ic{
  width: 54px;
  height: 6px;
  border-radius: 999px;
  background-image: var(--t4-grad);
}
.tlp4-svc h3{margin-top:18px}
.tlp4-svc p{margin-top:9px;font-size:15.5px;color:var(--t4-soft)}

.tlp4-steps{counter-reset:s;display:grid;gap:0;margin-top:34px}
.tlp4-step{counter-increment:s;display:grid;grid-template-columns:auto 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--t4-line)}
.tlp4-step:first-child{border-top:1px solid var(--t4-line)}
.tlp4-step-n{font-size:30px;font-weight:900;line-height:1;background-image:var(--t4-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;min-width:44px}
.tlp4-step p{margin-top:7px;font-size:16px;color:var(--t4-soft)}

.tlp4-work{display:grid;gap:14px;margin-top:30px}
.tlp4-work li{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;padding:15px 18px;background:var(--t4-surf);border:1px solid var(--t4-line);border-left:4px solid transparent;border-radius:10px;border-image:none}
.tlp4-work b{font-size:17px;font-weight:800}
.tlp4-work span{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--t4-teal-d)}
.tlp4-work i{font-style:normal;font-size:15px;color:var(--t4-soft);flex:1 1 100%}

.tlp4-quotes{display:grid;gap:26px;margin-top:32px}
.tlp4-q{border-left:3px solid var(--t4-teal);padding-left:18px}
.tlp4-q p{font-size:16.5px;line-height:1.6}
.tlp4-q cite{display:block;margin-top:11px;font-style:normal;font-size:13px;font-weight:800;letter-spacing:.04em;color:var(--t4-teal-d)}
.tlp4-ph{display:flex;align-items:center;justify-content:center;text-align:center;min-height:132px;padding:20px;border:2px dashed var(--t4-teal);border-radius:10px;background:rgba(52,222,212,.07)}
.tlp4-ph p{font-size:13px;line-height:1.55;color:var(--t4-soft);max-width:44ch}

.tlp4-price{display:grid;gap:20px;margin-top:32px}
.tlp4-pr{background:var(--t4-surf);border:1px solid var(--t4-line);border-radius:13px;padding:24px 20px}
.tlp4-pr h3{margin-bottom:9px}
.tlp4-pr-amt{font-size:30px;font-weight:900;letter-spacing:-.02em}
.tlp4-pr-amt small{font-size:14px;font-weight:700;color:var(--t4-soft)}
.tlp4-pr p{margin-top:9px;font-size:15.5px;color:var(--t4-soft)}

.tlp4-faq{margin-top:30px;border-top:1px solid var(--t4-line)}
.tlp4-fq{border-bottom:1px solid var(--t4-line)}
.tlp4-fq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 0;font-size:17px;font-weight:800;cursor:pointer;list-style:none}
.tlp4-fq summary::-webkit-details-marker{display:none}
.tlp4-fq summary::after{content:"+";font-size:24px;font-weight:900;color:var(--t4-teal-d);line-height:1}
.tlp4-fq[open] summary::after{content:"\2013"}
.tlp4-fq-b{padding:0 0 19px}
.tlp4-fq-b p{font-size:16px;color:var(--t4-soft)}
.tlp4-fq-b p+p{margin-top:11px}

.tlp4-final{background:var(--t4-ink);color:#fff;text-align:center}
.tlp4-final h2{color:#fff}
.tlp4-final p{margin:14px auto 0;font-size:17px;color:#C2CACC;max-width:58ch}
.tlp4-final-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px}

.tlp4-foot{background:var(--t4-surf);border-top:1px solid var(--t4-line);padding:30px 0}
.tlp4-foot img{width:150px;margin-bottom:14px}
.tlp4-foot p{font-size:13.5px;color:var(--t4-soft)}
.tlp4-foot p+p{margin-top:8px}
.tlp4-foot a{color:var(--t4-teal-d);font-weight:700}

@media (min-width:768px){
.tlp4-h1{font-size:46px}
.tlp4-h2{font-size:34px}
.tlp4-s{padding:80px 0}
.tlp4-s--tight{padding:54px 0}
.tlp4-s--big{padding:104px 0}
.tlp4-hero{padding:40px 0 52px}
.tlp4-grid3{grid-template-columns:repeat(3,1fr);gap:26px}
.tlp4-quotes{grid-template-columns:repeat(3,1fr)}
.tlp4-price{grid-template-columns:repeat(3,1fr)}
.tlp4-work{gap:12px}
.tlp4-card-in{padding:28px 26px}
.tlp4-expo-in{
    grid-template-columns: 1fr 1fr;
    gap: 56px;
    padding: 92px 0;
  }
.tlp4-btn--sm{font-size:13px;padding:12px 18px}
  .tlp4-grid4 {
    grid-template-columns: repeat(2,1fr);
  }
  .tlp4-logo {
    width: 168px;
  }
  .tlp4-tel span {
    display: inline;
  }
  .tlp4-hdr-r {
    gap: 10px;
  }
  .tlp4-expo-t h2 {
    font-size: 40px;
  }
}
@media (min-width:1024px){
.tlp4-h1{font-size:54px}
.tlp4-hero-grid{grid-template-columns:1.06fr .94fr;gap:48px;align-items:center}
.tlp4-hero{padding:40px 0 56px}
.tlp4-dev{margin-top:34px}
.tlp4-step{grid-template-columns:auto 1fr;gap:26px}
}
.tlp4-msg[data-show="true"] {
  display: block;
}
.tlp4-grid4 {
  display: grid;
  gap: 22px;
  margin-top: 34px;
}
.tlp4-tel span {
  display: none;
}
.tlp4-hero .tlp4-sub {
  color: #25302F;
}
.tlp4-final .tlp4-btn--ghost {
  color: #FFFFFF;
  border-color: rgba(255,255,255,.6);
  background: transparent;
}
.tlp4-final .tlp4-btn--ghost:hover {
  background: #FFFFFF;
  color: #0A0A0C;
  border-color: #FFFFFF;
}
.tlp4 .tlp4-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.tlp4-heroform {
  background: transparent;
  border: 0;
  box-shadow: none;
  border-radius: 0;
}
.tlp4-heroform-in {
  padding: 0;
}
.tlp4-callbtn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  background: #FFFFFF;
  border: 1px solid rgba(10,10,12,.10);
  border-radius: 999px;
  padding: 15px 20px;
  font-weight: 900;
  font-size: 19px;
  line-height: 1.2;
  color: #0C8E92;
  text-decoration: none;
  box-shadow: 0 12px 26px -16px rgba(10,10,12,.55);
}
.tlp4-callbtn svg {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
}
.tlp4-callnum {
  margin-top: 8px;
  text-align: center;
  font-weight: 900;
  font-size: 21px;
  letter-spacing: .01em;
  color: #0C8E92;
}
.tlp4-formhead {
  margin-top: 16px;
  text-align: center;
  font-size: 28px;
}
.tlp4-expopanel {
  background: #131B1B;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 16px;
  padding: 34px 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tlp4-expopanel img {
  width: 100%;
  max-width: 430px;
  background: transparent;
  border-radius: 0;
  padding: 0;
}
.tlp4-expo-t .tlp4-btn {
  margin-top: 22px;
}
.tlp4-h1-l{display:block}
.tlp4-rot{display:grid;justify-items:start}
.tlp4-rot>span{grid-area:1/1;opacity:0;animation:tlp4-rot 18s linear infinite}
.tlp4-rot>span:nth-child(2){animation-delay:3s}
.tlp4-rot>span:nth-child(3){animation-delay:6s}
.tlp4-rot>span:nth-child(4){animation-delay:9s}
.tlp4-rot>span:nth-child(5){animation-delay:12s}
.tlp4-rot>span:nth-child(6){animation-delay:15s}
@keyframes tlp4-rot{0%{opacity:0;transform:translateY(.28em)}2.5%{opacity:1;transform:none}14.2%{opacity:1;transform:none}16.6%{opacity:0;transform:translateY(-.28em)}100%{opacity:0;transform:translateY(-.28em)}}
@media (prefers-reduced-motion:reduce){.tlp4-rot>span{animation:none}.tlp4-rot>span:first-child{opacity:1}}
.tlp4-formsub{margin:10px auto 0;max-width:40ch;text-align:center;font-size:15.5px;line-height:1.5;color:#25302F}
.tlp4-founder{padding:64px 0 76px}
.tlp4-founder-in{display:grid;gap:44px;align-items:center}
.tlp4-founder-pics{position:relative;padding:0 12% 24% 0}
.tlp4-founder-wide{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:14px}
.tlp4-founder-port{position:absolute;right:0;bottom:0;width:40%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 18%;border-radius:12px;border:6px solid var(--t4-bg);box-shadow:0 26px 44px -24px rgba(10,10,12,.6)}
.tlp4-founder-wide{height:auto}
.tlp4-founder-t p{margin-top:16px;font-size:17px;color:var(--t4-soft);max-width:56ch}
.tlp4-founder-t .tlp4-founder-lead{margin-top:20px;font-size:19px;line-height:1.5;color:var(--t4-ink)}
.tlp4-cred{display:grid;margin-top:28px;border-top:1px solid var(--t4-line)}
.tlp4-cred li{display:grid;gap:2px;padding:14px 0;border-bottom:1px solid var(--t4-line)}
.tlp4-cred b{font-size:16px;font-weight:800}
.tlp4-cred span{font-size:14.5px;color:var(--t4-soft)}
.tlp4-founder-t .tlp4-founder-sig{margin-top:22px;font-size:14px;font-weight:800;letter-spacing:.04em;color:var(--t4-ink)}
.tlp4-founder-call{color:var(--t4-teal-d);text-decoration:none;border-bottom:2px solid currentColor}
@media (min-width:640px){.tlp4-cred{grid-template-columns:1fr 1fr;column-gap:24px}}
@media (min-width:768px){.tlp4-founder{padding:112px 0 124px}.tlp4-formsub{font-size:16px}}
@media (min-width:1024px){.tlp4-founder-in{grid-template-columns:1.05fr .95fr;gap:72px}}
.tlp4 .tlp4-formsub{margin:10px auto 0}
.tlp4 .tlp4-cred{margin-top:28px}
.tlp4-cred li{align-content:start}
.tlp4-local{padding:72px 0 64px}
.tlp4-local-grid{display:grid;gap:22px;margin-top:36px;align-items:stretch}
.tlp4-video{margin:0}
.tlp4-video-frame{position:relative;aspect-ratio:16/9;border-radius:14px;background:#10181A;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.tlp4-video-frame::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 20% 0%,rgba(52,222,212,.22),transparent 60%)}
.tlp4-video-play{position:relative;width:72px;height:72px;border-radius:50%;background:var(--t4-teal);box-shadow:0 14px 30px -12px rgba(52,222,212,.7)}
.tlp4-video-play::after{content:"";position:absolute;left:29px;top:23px;border-style:solid;border-width:13px 0 13px 21px;border-color:transparent transparent transparent #07211F}
.tlp4 .tlp4-video-note{position:relative;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#9FB0B2}
.tlp4-video figcaption{margin-top:12px;font-size:15px;color:var(--t4-soft);max-width:60ch}
.tlp4-proof{background:#1B1A19;color:#fff;border-radius:14px;padding:26px 24px;display:flex;flex-direction:column}
.tlp4-proof img{width:100%;max-width:300px;margin:-6px 0 0 -8px}
.tlp4 .tlp4-proof-rank{margin-top:22px;font-size:46px;line-height:1;font-weight:900;letter-spacing:-.02em;text-transform:uppercase;color:#F08A2B}
.tlp4 .tlp4-proof-term{margin-top:8px;font-size:19px;font-weight:800;line-height:1.3}
.tlp4 .tlp4-proof-body{margin-top:16px;font-size:15.5px;color:#C9C4BF}
.tlp4-proof-link{margin-top:auto;padding-top:20px;font-size:15px;font-weight:800;color:#fff;text-decoration:none}
.tlp4-proof-link:hover{color:#F08A2B}
.tlp4 .tlp4-local-how{display:grid;gap:18px;margin-top:40px}
.tlp4-local-how li{padding-left:16px;border-left:3px solid var(--t4-teal)}
.tlp4-local-how b{font-size:17px;font-weight:800}
.tlp4 .tlp4-local-how p{margin-top:5px;font-size:15.5px;color:var(--t4-soft)}
@media (min-width:768px){.tlp4-local{padding:116px 0 96px}.tlp4 .tlp4-local-how{grid-template-columns:repeat(3,1fr);gap:32px}.tlp4 .tlp4-proof-rank{font-size:56px}}
@media (min-width:1024px){.tlp4-local-grid{grid-template-columns:1.45fr 1fr;gap:28px}.tlp4-proof{padding:30px 30px}}
.tlp4 .tlp4-proof img{height:auto}
.tlp4 .tlp4-sub{margin-top:14px}
.tlp4 .tlp4-tel span{display:inline}
.tlp4-tel{font-size:15px}
.tlp4-hdr-r .tlp4-btn{display:none}
.tlp4-hdr-r{gap:18px}
.tlp4-hero-devices{display:block;width:100%;max-width:620px;height:auto;margin-top:28px;filter:drop-shadow(0 28px 34px rgba(10,10,12,.28))}
.tlp4 .tlp4-formhead{margin-top:0}
.tlp4-video-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#10181A;z-index:1}
@media (min-width:640px){.tlp4-hdr-r .tlp4-btn{display:inline-flex}}
@media (min-width:768px){.tlp4-tel{font-size:17px}.tlp4-price{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.tlp4-hero-devices{margin-top:36px}}
.tlp4 .tlp4-video-frame{aspect-ratio:16/10}
.tlp4 .tlp4-hero-cta{margin-top:24px}
.tlp4-hero-grid .tlp4-hero-devices{margin:8px auto 0;max-width:640px}
.tlp4-final{text-align:left}
.tlp4-final-grid{display:grid;gap:36px;align-items:center}
.tlp4 .tlp4-final .tlp4-final-l p{margin:14px 0 0}
.tlp4-final .tlp4-final-row{justify-content:flex-start}
.tlp4-final .tlp4-heroform{background:#fff;color:var(--t4-ink);border-radius:16px;padding:28px 20px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.tlp4 .tlp4-final .tlp4-heroform p{max-width:none}
.tlp4 .tlp4-final .tlp4-formsub{max-width:40ch;margin:10px auto 0;color:#25302F}
.tlp4 .tlp4-final .tlp4-foot-note{margin-top:12px;color:#25302F;font-size:12.5px}
.tlp4 .tlp4-final .tlp4-msg{margin-top:13px;font-size:15px}
.tlp4 .tlp4-final .tlp4-msg--ok{color:#07564C}
.tlp4 .tlp4-final .tlp4-msg--err{color:#8A2A1C}
.tlp4-final .tlp4-formhead{color:var(--t4-ink)}
@media (min-width:768px){.tlp4-final .tlp4-heroform{padding:34px 32px}}
@media (min-width:1024px){.tlp4-final-grid{grid-template-columns:1fr 1fr;gap:64px}.tlp4-hero-grid .tlp4-hero-devices{margin-top:0}}
/* Body copy readability: darker, slightly heavier text on light sections */
.tlp4 .tlp4-sub,.tlp4 .tlp4-pain p,.tlp4 .tlp4-svc p,.tlp4 .tlp4-step p,.tlp4 .tlp4-work i,.tlp4 .tlp4-ph p,.tlp4 .tlp4-pr p,.tlp4 .tlp4-fq-b p,.tlp4 .tlp4-foot p,.tlp4 .tlp4-founder-t p:not(.tlp4-founder-sig),.tlp4 .tlp4-cred span,.tlp4 .tlp4-video figcaption,.tlp4 .tlp4-local-how p,.tlp4 .tlp4-formsub,.tlp4 .tlp4-foot-note{font-weight:500}
.tlp4 .tlp4-hero .tlp4-sub,.tlp4 .tlp4-formsub,.tlp4 .tlp4-foot-note,.tlp4 .tlp4-final .tlp4-formsub,.tlp4 .tlp4-final .tlp4-foot-note{color:#15191B}
.tlp4 .tlp4-q p{font-weight:500}
/* Project showcase: transparent laptop + phone mockups */
.tlp4 .tlp4-dev-show{max-width:680px;margin-left:auto;margin-right:auto}
.tlp4 .tlp4-shot-dev{filter:drop-shadow(0 22px 26px rgba(10,10,12,.22))}
/* Review stars */
.tlp4 .tlp4-stars{display:block;margin-top:8px;font-size:20px;line-height:1;letter-spacing:3px;color:#F5B301}

/* rs_tlp4_polish: plume hero, "you" punch-through rotator, motion + polish for /tradie-web-design. Overrides rs_tlp4. */
.tlp4{interpolate-size:allow-keywords}
/* Sticky header */
.tlp4-hdr{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px)}
.tlp4 #quote,.tlp4 #founder,.tlp4 #local-work{scroll-margin-top:88px}
html:has(.tlp4){scroll-behavior:smooth}

/* Hero: clean white canvas with brand plumes instead of the blurred skyline */
.tlp4-hero{background:#fff}
.tlp4-hero-bg{position:absolute;z-index:-2;inset:0 0 auto 0;height:100%;max-height:46rem;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent);animation:tlp4-plume-in 1.6s cubic-bezier(.16,1,.3,1) both}
@media (min-width:1024px){
.tlp4-hero-bg{inset:auto;top:-6%;right:0;width:56%;height:118%;max-height:none;-webkit-mask-image:none;mask-image:none}
  .tlp4-hero-bg>img {
    object-position: right top;
    transform: none;
    opacity: 1;
    transform-origin: 70% 30%;
    animation: tlp4-plume-breathe 14s ease-in-out 1.6s infinite alternate;
  }
}
@keyframes tlp4-plume-in{0%{opacity:0;filter:blur(6px);transform:translate(2.5%,3%) scale(1.06)}100%{opacity:1;filter:none;transform:none}}
@keyframes tlp4-plume-breathe{0%{transform:none}100%{transform:translate(-1.5%,1.2%) scale(1.035)}}

/* Hero entrance */
@keyframes tlp4-up{0%{opacity:0;transform:translateY(18px)}100%{opacity:1;transform:none}}
@keyframes tlp4-float{0%{translate:0 0}100%{translate:0 -10px}}
.tlp4-hero .tlp4-h1{animation:tlp4-up .8s cubic-bezier(.22,1,.36,1) .05s both}
.tlp4-hero .tlp4-sub{animation:tlp4-up .8s cubic-bezier(.22,1,.36,1) .18s both}
.tlp4-hero .tlp4-ticks{animation:tlp4-up .8s cubic-bezier(.22,1,.36,1) .28s both}
.tlp4-hero .tlp4-hero-ctas{animation:tlp4-up .8s cubic-bezier(.22,1,.36,1) .38s both}
.tlp4-hero .tlp4-hero-devices{animation:tlp4-up 1s cubic-bezier(.22,1,.36,1) .3s both,tlp4-float 6s ease-in-out 1.4s infinite alternate}

/* Headline rotator: six trades, then YOU punches through and "Perth" steps aside */
.tlp4-h1-l.tlp4-h1-lead{display:inline}
.tlp4-perth{display:inline-block;margin-left:.26em;animation:tlp4-perth 21s linear infinite}
.tlp4-rot>span{animation:tlp4-rot2 21s linear infinite}
.tlp4-rot>span:nth-child(2){animation-delay:2.6s}
.tlp4-rot>span:nth-child(3){animation-delay:5.2s}
.tlp4-rot>span:nth-child(4){animation-delay:7.8s}
.tlp4-rot>span:nth-child(5){animation-delay:10.4s}
.tlp4-rot>span:nth-child(6){animation-delay:13s}
.tlp4-rot>span.tlp4-you{position:relative;color:var(--t4-ink);transform-origin:0 60%;animation:tlp4-you 21s linear 15.6s infinite}
.tlp4-rot>span.tlp4-you::after{content:"";position:absolute;left:0;right:0;bottom:-.06em;height:.14em;border-radius:3px;background:var(--t4-grad);transform-origin:left;transform:scaleX(0);animation:tlp4-you-line 21s linear 15.6s infinite}
@keyframes tlp4-rot2{0%{opacity:0;transform:translateY(.28em)}1.4%{opacity:1;transform:none}11%{opacity:1;transform:none}12.38%{opacity:0;transform:translateY(-.28em)}100%{opacity:0;transform:translateY(-.28em)}}
@keyframes tlp4-you{0%{opacity:0;transform:scale(1.7);filter:blur(10px)}1.5%{opacity:1;transform:scale(.94);filter:none}2.4%{transform:scale(1.03)}3.2%{transform:scale(1)}24.2%{opacity:1;transform:scale(1)}25.7%{opacity:0;transform:translateY(-.28em)}100%{opacity:0;transform:translateY(-.28em)}}
@keyframes tlp4-you-line{0%,2%{transform:scaleX(0);opacity:1}5.5%{transform:scaleX(1)}24.2%{transform:scaleX(1);opacity:1}25.7%{opacity:0}100%{transform:scaleX(0);opacity:0}}
@keyframes tlp4-perth{0%{opacity:1;transform:none}73.4%{opacity:1;transform:none}74.3%{opacity:0;transform:translateY(-.22em)}98.8%{opacity:0;transform:translateY(.22em)}100%{opacity:1;transform:none}}

/* Buttons */
.tlp4-btn{transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease}
.tlp4-btn:hover{transform:translateY(-2px);box-shadow:0 14px 26px -14px rgba(12,142,146,.85)}
.tlp4-btn:active{transform:translateY(0);box-shadow:none}
.tlp4-btn--ghost:hover{box-shadow:0 14px 26px -16px rgba(10,10,12,.6)}
.tlp4-hero-ctas .tlp4-btn:not(.tlp4-btn--ghost){position:relative;overflow:hidden;isolation:isolate}
.tlp4-hero-ctas .tlp4-btn:not(.tlp4-btn--ghost)::after{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);animation:tlp4-sheen 5.5s ease-in-out 2.2s infinite}
@keyframes tlp4-sheen{0%{left:-60%}18%,100%{left:130%}}

/* Section headings get a gradient rule that draws in */
.tlp4 .tlp4-h2:not(.tlp4-formhead)::after{content:"";display:block;width:56px;height:4px;margin-top:16px;border-radius:2px;background:var(--t4-grad);transform-origin:left}
.reveal-ready .tlp4 .tlp4-h2[data-reveal]::after{transform:scaleX(0);transition:transform .7s cubic-bezier(.22,1,.36,1) .25s}
.reveal-ready .tlp4 .tlp4-h2[data-reveal].is-inview::after{transform:scaleX(1)}

/* Scroll reveal stagger (uses the site-wide data-reveal script) */
.tlp4 .tlp4-h2+.tlp4-sub[data-reveal]{--reveal-delay:.06s}
.tlp4 .tlp4-expopanel[data-reveal],.tlp4 .tlp4-founder-t[data-reveal],.tlp4 .tlp4-proof[data-reveal],.tlp4 #quote[data-reveal]{--reveal-delay:.12s}
.tlp4 .tlp4-local-how li:nth-child(2),.tlp4 .tlp4-work li:nth-child(2){--reveal-delay:.08s}
.tlp4 .tlp4-local-how li:nth-child(3),.tlp4 .tlp4-work li:nth-child(3){--reveal-delay:.16s}
.tlp4 .tlp4-work li:nth-child(4){--reveal-delay:.24s}
.tlp4 .tlp4-q:nth-of-type(2){--reveal-delay:.1s}
.tlp4 .tlp4-q:nth-of-type(3){--reveal-delay:.2s}
.tlp4 .tlp4-faq[data-reveal]{--reveal-delay:.08s}

/* Work cards: lift on hover */
.tlp4 .tlp4-work li{transition:opacity .6s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0s),translate .6s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0s),transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,border-color .28s ease}
.tlp4 .tlp4-work li:hover{transform:translateY(-4px);border-left-color:var(--t4-teal);box-shadow:0 26px 44px -30px rgba(10,10,12,.5)}
.tlp4 .tlp4-work .tlp4-shot-dev{transition:transform .6s cubic-bezier(.22,1,.36,1)}
.tlp4 .tlp4-work li:hover .tlp4-shot-dev{transform:scale(1.025)}

/* Testimonials + proof card */
.tlp4 .tlp4-q{transition:opacity .6s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0s),translate .6s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0s),border-color .25s ease}
.tlp4 .tlp4-q:hover{border-left-color:var(--t4-green)}
.tlp4 .tlp4-proof-link{transition:color .2s ease,letter-spacing .25s ease}
.tlp4 .tlp4-proof-link:hover{letter-spacing:.01em}

/* FAQ: smooth open, plus turns into a cross */
.tlp4-fq summary::after{transition:transform .28s cubic-bezier(.22,1,.36,1)}
.tlp4-fq[open] summary::after{content:"+";transform:rotate(45deg)}
.tlp4-fq summary:hover{color:var(--t4-teal-d)}
.tlp4-fq::details-content{block-size:0;overflow:hidden;transition:block-size .35s cubic-bezier(.22,1,.36,1),content-visibility .35s allow-discrete}
.tlp4-fq[open]::details-content{block-size:auto}

/* Final CTA: soft brand glow behind the dark section */
.tlp4-final{position:relative;isolation:isolate;overflow:hidden}
.tlp4-final::before{content:"";position:absolute;z-index:-1;left:-10%;right:-10%;bottom:-45%;height:90%;background:radial-gradient(50% 70% at 25% 100%,rgba(39,201,141,.5) 0,rgba(15,159,242,.22) 40%,transparent 72%);pointer-events:none}

@media (prefers-reduced-motion:reduce){
html:has(.tlp4){scroll-behavior:auto}
.tlp4-hero-bg,.tlp4-hero .tlp4-h1,.tlp4-hero .tlp4-sub,.tlp4-hero .tlp4-ticks,.tlp4-hero .tlp4-hero-ctas,.tlp4-hero .tlp4-hero-devices,.tlp4-perth,.tlp4-hero-ctas .tlp4-btn::after{animation:none}
.tlp4-rot>span,.tlp4-rot>span.tlp4-you,.tlp4-rot>span.tlp4-you::after{animation:none}
.tlp4-rot>span:first-child{opacity:1}
.tlp4-rot>span.tlp4-you{opacity:0}
.tlp4-btn:hover,.tlp4 .tlp4-work li:hover{transform:none}
}
.tlp4-hero-bg>img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: 100% 0;
  transform: scale(1.22);
  transform-origin: 100% 0;
  opacity: .6;
}

/* rs_tlp4_v2: live WebGL plume, Google wordmark colours, video cover, scrolling device screens, chat FAQ */
/* Hero: the home page's live plume scene on desktop, static plume as the fallback and on mobile */
.tlp4-plume-scene{display:none}
@media (min-width:1024px){
.tlp4-plume-scene{display:block;position:absolute;inset:0}
.tlp4-hero-bg>img{
    object-position: right top;
    transform: none;
    opacity: 1;
    transform-origin: 70% 30%;
    animation: tlp4-plume-breathe 14s ease-in-out 1.6s infinite alternate;
    transition: opacity 1s ease;
  }
}

/* #1 on Google */
.tlp4 .tlp4-proof-rank .tlp4-g{display:inline-block;margin-left:.2em;text-transform:none;letter-spacing:-.02em}
.tlp4-g>span{display:inline-block}
.tlp4-g>span:nth-child(1),.tlp4-g>span:nth-child(4){color:#4285F4}
.tlp4-g>span:nth-child(2),.tlp4-g>span:nth-child(6){color:#EA4335}
.tlp4-g>span:nth-child(3){color:#FBBC05}
.tlp4-g>span:nth-child(5){color:#34A853}
.reveal-ready .tlp4-proof .tlp4-g>span{opacity:0;transform:translateY(.35em) scale(.7);transition:opacity .35s ease,transform .55s cubic-bezier(.34,1.56,.64,1)}
.reveal-ready .tlp4-proof.is-inview .tlp4-g>span{opacity:1;transform:none}
.tlp4-g>span:nth-child(1){transition-delay:.45s}
.tlp4-g>span:nth-child(2){transition-delay:.52s}
.tlp4-g>span:nth-child(3){transition-delay:.59s}
.tlp4-g>span:nth-child(4){transition-delay:.66s}
.tlp4-g>span:nth-child(5){transition-delay:.73s}
.tlp4-g>span:nth-child(6){transition-delay:.8s}

/* Video: branded cover, native controls once playing */
.tlp4 .tlp4-video-frame{box-shadow:0 30px 60px -32px rgba(10,10,12,.65)}
.tlp4-video-frame video{accent-color:var(--t4-teal)}
.tlp4-vcover{display:none}
.tlp4-video.is-enhanced .tlp4-vcover{display:block;position:absolute;inset:0;z-index:2;transition:opacity .3s ease,visibility 0s linear 0s}
.tlp4 .tlp4-vplay{all:unset;box-sizing:border-box;position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;cursor:pointer;color:#fff;background:linear-gradient(180deg,rgba(10,10,12,.08) 0%,rgba(10,10,12,.62) 100%)}
.tlp4 .tlp4-vplay:focus-visible{outline:3px solid var(--t4-teal);outline-offset:-3px;border-radius:14px}
.tlp4-vplay-ic{position:relative;width:84px;height:84px;border-radius:50%;background:var(--t4-teal);box-shadow:0 18px 38px -12px rgba(52,222,212,.85);transition:transform .25s cubic-bezier(.22,1,.36,1)}
.tlp4-vplay-ic::after{content:"";position:absolute;left:33px;top:27px;border-style:solid;border-width:15px 0 15px 24px;border-color:transparent transparent transparent #07211F}
.tlp4-vplay-ic::before{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid rgba(52,222,212,.75);animation:tlp4-pulse 2.2s ease-out infinite}
@keyframes tlp4-pulse{0%{transform:scale(.85);opacity:.9}100%{transform:scale(1.4);opacity:0}}
.tlp4-vplay:hover .tlp4-vplay-ic{transform:scale(1.08)}
.tlp4-vplay-t{font-size:15px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 12px rgba(0,0,0,.55)}
.tlp4-vplay-d{position:absolute;right:14px;bottom:14px;padding:5px 10px;border-radius:999px;background:rgba(10,10,12,.72);font-size:12px;font-weight:800;letter-spacing:.05em}
@media (max-width:639px){.tlp4-vplay-ic{width:64px;height:64px}.tlp4-vplay-ic::after{left:25px;top:20px;border-width:12px 0 12px 19px}.tlp4-vplay-t{font-size:13px}}

/* Client work: CSS laptop + phone, each screen auto-scrolls its real homepage once in view */
.tlp4 .tlp4-dev-show{flex:1 1 100%;width:100%;max-width:620px;margin:14px auto 4px}
.tlp4-devs{position:relative;padding:0 11% 7% 4%}
.tlp4-lap-scr{position:relative;aspect-ratio:16/10;overflow:hidden;background:#fff;border:9px solid #121518;border-bottom-width:12px;border-radius:14px 14px 3px 3px;box-shadow:0 26px 44px -28px rgba(10,10,12,.6)}
.tlp4-lap-base{position:relative;height:11px;margin:0 -7%;background:linear-gradient(180deg,#E2E6E8 0%,#B3BABE 100%);border-radius:0 0 14px 14px;box-shadow:0 14px 20px -14px rgba(10,10,12,.55)}
.tlp4-lap-base::before{content:"";position:absolute;left:50%;top:0;width:15%;height:4px;transform:translateX(-50%);background:#979FA4;border-radius:0 0 5px 5px}
.tlp4-phn{position:absolute;right:0;bottom:0;width:21%;min-width:78px;max-width:132px}
.tlp4-phn-scr{aspect-ratio:9/19.5;overflow:hidden;background:#fff;border:5px solid #121518;border-radius:18px;box-shadow:0 22px 36px -16px rgba(10,10,12,.6); position: relative;}
.tlp4-devs img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 0}
@keyframes tlp4-pan{0%,8%{object-position:50% 0}46%,56%{object-position:50% 100%}92%,100%{object-position:50% 0}}

/* FAQ as a chat with Terry */
.tlp4-chat-list{list-style:none;display:grid;gap:30px;max-width:780px;margin:36px auto 0;padding:0}
.tlp4-chat{display:grid;gap:10px}
.tlp4-chat-q{justify-self:start;max-width:84%}
.tlp4-chat-a{position:relative;justify-self:end;max-width:min(86%, 760px);min-width:120px}
.tlp4-chat-who{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#56626A}
.tlp4-chat-ba .tlp4-chat-who{justify-content:flex-end}
.tlp4-chat-av{width:32px;height:32px;border-radius:50%;object-fit:cover;object-position:center;border:2px solid #fff;box-shadow:0 2px 6px rgba(10,10,12,.2)}
.tlp4 .tlp4-chat-bq{margin:0;padding:13px 18px;font-size:17px;font-weight:700;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--t4-ink);background:#fff;border:1px solid var(--t4-line);border-radius:20px 20px 20px 5px;box-shadow:0 12px 26px -22px rgba(10,10,12,.5)}
.tlp4-chat-ba{display:grid;gap:6px;justify-items:end}
.tlp4 .tlp4-chat-ba p{margin:0;padding:13px 18px;font-size:16px;font-weight:500;line-height:1.55;color:#fff;background:var(--t4-ink);border-radius:20px 20px 5px 20px;max-width:none}
.tlp4 .tlp4-chat-ba p+p{border-top-right-radius:8px}
.tlp4-chat-call{display:inline-flex;align-items:center;gap:8px;margin-top:4px;padding:12px 18px;border-radius:999px;background:var(--t4-teal);color:#07211F;font-weight:800;font-size:15px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.tlp4-chat-call:hover{transform:translateY(-2px);box-shadow:0 12px 24px -12px rgba(12,142,146,.85)}
.tlp4-chat-typing{display:none}
.tlp4-chat-typing span{width:7px;height:7px;border-radius:50%;background:#fff;animation:tlp4-dot 1s ease-in-out infinite}
.tlp4-chat-typing span:nth-child(2){animation-delay:.15s}
.tlp4-chat-typing span:nth-child(3){animation-delay:.3s}
@keyframes tlp4-dot{0%,100%{opacity:.3;transform:none}50%{opacity:1;transform:translateY(-2px)}}
@keyframes tlp4-typing{0%{opacity:0;translate:0 .4rem}18%,78%{opacity:1;translate:0}100%{opacity:0}}
@media (max-width:639px){.tlp4-chat-q{max-width:92%}.tlp4-chat-a{max-width:94%}.tlp4 .tlp4-chat-bq{font-size:16px}.tlp4 .tlp4-chat-ba p{font-size:15.5px}}

@media (prefers-reduced-motion:reduce){
.tlp4-hero-bg>img,.tlp4-devs img,.tlp4-vplay-ic::before,.tlp4-chat-typing,.tlp4-chat-typing span{animation:none!important}
.reveal-ready .tlp4-proof .tlp4-g>span{opacity:1;translate:none;transform:none;transition:none}
}
.tlp4 .tlp4-chat-list{max-width:none;margin:40px 0 0}
@media (min-width:1024px){}
@media (min-width:1024px){.tlp4-hero-bg:has(.tlp4-plume-scene[data-mlt-mounted] [data-brand-scene])>img{opacity:0}}
/* Chat grows as the visitor scrolls (mlt-chat-scroll adds .is-ready) */
mlt-chat-scroll{display:block}
.tlp4-chatx.is-ready .tlp4-chat:not(.is-shown){display:none}
.tlp4-chatx.is-ready .tlp4-chat.is-shown:not(.is-instant){animation:tlp4-chat-in .45s cubic-bezier(.22,1,.36,1) both}
@keyframes tlp4-chat-in{from{opacity:0;transform:translateY(16px)}}
.tlp4-chatx.is-ready .tlp4-chat-q,.tlp4-chatx.is-ready .tlp4-chat-ba{opacity:0;translate:0 .7rem;transition:opacity .45s cubic-bezier(.22,1,.36,1),translate .45s cubic-bezier(.22,1,.36,1)}
.tlp4-chatx.is-ready .tlp4-chat.is-inview .tlp4-chat-q{opacity:1;translate:0;transition-delay:.05s}
.tlp4-chatx.is-ready .tlp4-chat-typing{display:flex;position:absolute;right:0;top:24px;gap:5px;padding:14px 16px;background:var(--t4-ink);border-radius:20px 20px 5px 20px;opacity:0;pointer-events:none}
.tlp4-chatx.is-ready .tlp4-chat.is-inview .tlp4-chat-typing{animation:tlp4-typing 1s .5s both}
.tlp4-chatx.is-ready .tlp4-chat.is-inview .tlp4-chat-ba{opacity:1;translate:0;transition-delay:1.4s}
.tlp4-chatx.is-ready .tlp4-chat.is-instant *{transition:none!important;animation:none!important}
.tlp4-chatx.is-ready .tlp4-chat.is-instant .tlp4-chat-typing{display:none}

/* Custom video controls */
.tlp4-video.is-started .tlp4-vplay{opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}
.tlp4-video.is-idle .tlp4-vcover{cursor:none}
.tlp4-vbar{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:10px;padding:7px 12px 7px 7px;border-radius:14px;background:rgba(10,10,12,.74);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s}
.tlp4-video.is-started .tlp4-vbar{opacity:1;visibility:visible;transform:none;transition:opacity .25s ease,transform .25s ease}
.tlp4-video.is-started.is-idle .tlp4-vbar{opacity:0;transform:translateY(8px)}
.tlp4-vbtn{all:unset;box-sizing:border-box;flex:0 0 auto;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#fff;cursor:pointer;transition:background-color .2s ease,transform .2s ease}
.tlp4-vbtn:hover{background:rgba(255,255,255,.14)}
.tlp4-vbtn:focus-visible{outline:2px solid var(--t4-teal);outline-offset:2px}
.tlp4-vbtn svg{width:20px;height:20px;display:block}
.tlp4-vbtn[data-k=play]{background:var(--t4-teal);color:#07211F}
.tlp4-vbtn[data-k=play]:hover{background:#25C9C0;transform:scale(1.06)}
.tlp4-vtime{flex:0 0 auto;min-width:34px;text-align:center;font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums;color:#E6ECEE}
.tlp4-vseek{-webkit-appearance:none;appearance:none;flex:1 1 auto;min-width:40px;height:6px;margin:0;border-radius:999px;cursor:pointer;background:linear-gradient(90deg,#7AD84A 0%,#27C98D 45%,#0F9FF2 100%) 0 0/var(--p,0%) 100% no-repeat,rgba(255,255,255,.22)}
.tlp4-vseek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(52,222,212,.35)}
.tlp4-vseek::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(52,222,212,.35)}
.tlp4-vseek:focus-visible{outline:2px solid var(--t4-teal);outline-offset:5px}
.tlp4-video-frame:fullscreen{aspect-ratio:auto;border-radius:0}
@media (max-width:479px){.tlp4-vbar{left:8px;right:8px;bottom:8px;gap:6px}.tlp4-vtime[data-k=dur]{display:none}.tlp4-vbtn{width:32px;height:32px}}

/* Hero devices: client sites cycle on the screens in step with the headline trade (21s loop) */
.tlp4-hero-devs .tlp4-lap-scr,.tlp4-hero-devs .tlp4-phn-scr{container-type:inline-size}
.tlp4-hero-devs .tlp4-hs{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;opacity:0}
.tlp4-hero-devs .tlp4-hs-1{opacity:1}
.tlp4 .tlp4-hero-devs{filter:none;padding:0 11% 6% 3%}
.tlp4-hero-devs .tlp4-lap-scr{box-shadow:0 34px 60px -30px rgba(10,10,12,.55)}
.tlp4-hs-you{display:flex;flex-direction:column;justify-content:center;gap:3cqw;padding:0 9cqw;background:radial-gradient(120% 90% at 85% 0%,rgba(52,222,212,.35),transparent 60%),radial-gradient(90% 80% at 0% 100%,rgba(122,216,74,.28),transparent 60%),#0A0A0C;color:#fff}
.tlp4-hs-you-k{font-size:3.4cqw;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#7FE9E2}
.tlp4-hs-you-h{font-size:9cqw;line-height:1.02;font-weight:900;letter-spacing:-.02em;text-transform:uppercase}
.tlp4-hs-you-b{align-self:flex-start;margin-top:2cqw;padding:2cqw 4cqw;border-radius:1.6cqw;background:var(--t4-teal);color:#07211F;font-size:3.2cqw;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.tlp4-phn-scr .tlp4-hs-you{gap:5cqw;padding:0 10cqw}
.tlp4-phn-scr .tlp4-hs-you-k{font-size:7cqw}
.tlp4-phn-scr .tlp4-hs-you-h{font-size:17cqw}
.tlp4-phn-scr .tlp4-hs-you-b{font-size:6.5cqw;padding:4cqw 6cqw;border-radius:3cqw}
@keyframes tlp4-hs1{0.00%{opacity:1}11.19%{opacity:1}13.57%{opacity:0}97.62%{opacity:0}100.00%{opacity:1}}
.tlp4-hero-devs .tlp4-hs-1{animation:tlp4-hs1 21s linear infinite}
@keyframes tlp4-hs2{0.00%{opacity:0}11.19%{opacity:0}13.57%{opacity:1}23.57%{opacity:1}25.95%{opacity:0}100.00%{opacity:0}}
.tlp4-hero-devs .tlp4-hs-2{animation:tlp4-hs2 21s linear infinite}
@keyframes tlp4-hs3{0.00%{opacity:0}23.57%{opacity:0}25.95%{opacity:1}48.33%{opacity:1}50.71%{opacity:0}100.00%{opacity:0}}
.tlp4-hero-devs .tlp4-hs-3{animation:tlp4-hs3 21s linear infinite}
@keyframes tlp4-hs4{0.00%{opacity:0}48.33%{opacity:0}50.71%{opacity:1}60.71%{opacity:1}63.10%{opacity:0}100.00%{opacity:0}}
.tlp4-hero-devs .tlp4-hs-4{animation:tlp4-hs4 21s linear infinite}
@keyframes tlp4-hs5{0.00%{opacity:0}60.71%{opacity:0}63.10%{opacity:1}73.10%{opacity:1}75.48%{opacity:0}100.00%{opacity:0}}
.tlp4-hero-devs .tlp4-hs-5{animation:tlp4-hs5 21s linear infinite}
@keyframes tlp4-hs6{0.00%{opacity:0}73.10%{opacity:0}75.48%{opacity:1}97.62%{opacity:1}100.00%{opacity:0}}
.tlp4-hero-devs .tlp4-hs-6{animation:tlp4-hs6 21s linear infinite}
@media (prefers-reduced-motion:reduce){.tlp4-hero-devs .tlp4-hs{animation:none!important}}

/* Mobile hero tidy-up */
@media (max-width:767px){
.tlp4-hero{padding-bottom:36px}
.tlp4-hero-bg>img{opacity:.42}
.tlp4 .tlp4-hero .tlp4-hero-ctas{display:grid;gap:10px}
.tlp4 .tlp4-hero .tlp4-hero-ctas .tlp4-btn{width:100%;margin:0}
.tlp4 .tlp4-hero-grid .tlp4-hero-devs{max-width:460px;margin:30px auto 0;padding:0 14% 0 0}
.tlp4-hero-devs .tlp4-phn{width:25%;min-width:0;max-width:none;bottom:0}
.tlp4-hero-devs .tlp4-phn-scr{border-width:4px;border-radius:14px}
.tlp4-hero-devs .tlp4-lap-scr{border-width:6px;border-bottom-width:9px;border-radius:10px 10px 2px 2px}
.tlp4-hero-devs .tlp4-lap-base{height:8px}
}
@media (max-width:767px){.tlp4-hero-devs .tlp4-lap-base{margin:0 -4%}.tlp4 .tlp4-hero-grid .tlp4-hero-devs{padding:0 13% 0 3%}}
/* ===== v3: monthly bonus, proof CTA, hover-only site previews, click-to-open chat FAQ ===== */
/* Hero bonus card */
.tlp4-offer{position:relative;display:flex;align-items:center;gap:14px;max-width:560px;margin-top:22px;padding:15px 18px 15px 15px;border:2px solid transparent;border-radius:16px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(110deg,#7AD84A,#27C98D,#0F9FF2,#27C98D,#7AD84A) border-box;background-size:100% 100%,300% 100%;box-shadow:0 20px 40px -24px rgba(12,142,146,.7)}
.tlp4-hero .tlp4-offer{animation:tlp4-up .8s cubic-bezier(.22,1,.36,1) .32s both,tlp4-offer-edge 6s linear infinite}
@keyframes tlp4-offer-edge{from{background-position:0 0,0 0}to{background-position:0 0,300% 0}}
.tlp4-offer-ic{flex:0 0 auto;display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--t4-grad);color:#fff;box-shadow:0 10px 20px -10px rgba(15,159,242,.8);animation:tlp4-wiggle 4.5s ease-in-out 2s infinite}
.tlp4-offer-ic svg{width:24px;height:24px;display:block}
@keyframes tlp4-wiggle{0%,84%,100%{transform:none}87%{transform:rotate(-12deg) scale(1.1)}90%{transform:rotate(10deg) scale(1.1)}93%{transform:rotate(-6deg)}96%{transform:none}}
.tlp4-offer-t{display:grid;gap:3px;min-width:0}
.tlp4-offer-k{font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--t4-teal-d)}
.tlp4-offer-h{font-size:18px;font-weight:900;line-height:1.22;color:var(--t4-ink)}
.tlp4-offer-s{font-size:14px;font-weight:600;color:#36423F}
.tlp4-offer-n{position:absolute;top:-12px;right:16px;padding:4px 11px;border-radius:999px;background:var(--t4-ink);color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 6px 14px -6px rgba(10,10,12,.6)}
.tlp4-offer-n::before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#7AD84A;vertical-align:1px;animation:tlp4-live 1.6s ease-in-out infinite}
@keyframes tlp4-live{0%,100%{box-shadow:0 0 0 0 rgba(122,216,74,.7)}50%{box-shadow:0 0 0 5px rgba(122,216,74,0)}}
.tlp4 .tlp4-hero .tlp4-hero-ctas{margin-top:22px}
@media (max-width:639px){.tlp4-offer-h{font-size:16px}.tlp4-offer{gap:12px;padding:14px 14px 14px 12px}.tlp4-offer-ic{width:40px;height:40px}}

/* Bonus beside the quote form */
.tlp4-fbonus{display:flex;align-items:center;gap:12px;margin:16px 0 6px;padding:12px 14px;border-radius:12px;background:linear-gradient(110deg,rgba(122,216,74,.16),rgba(15,159,242,.12));border:1px dashed rgba(12,142,146,.5);text-align:left}
.tlp4-fbonus .tlp4-offer-ic{width:38px;height:38px;border-radius:11px}
.tlp4-fbonus .tlp4-offer-ic svg{width:20px;height:20px}
.tlp4 .tlp4-final .tlp4-heroform .tlp4-fbonus p{margin:0;font-size:14.5px;line-height:1.45;font-weight:600;color:var(--t4-ink)}
.tlp4 .tlp4-fbonus strong,.tlp4 .tlp4-fbonus b{font-weight:900}

/* What happens next (final section) */
.tlp4 .tlp4-final .tlp4-next-k{margin:28px 0 0;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#7FE9E2}
.tlp4 .tlp4-next{list-style:none;display:grid;gap:12px;margin:12px 0 0;padding:0;counter-reset:tlp4n}
.tlp4 .tlp4-next li{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start;font-size:15.5px;line-height:1.5;color:#C9D1D3;counter-increment:tlp4n}
.tlp4 .tlp4-next li::before{content:counter(tlp4n);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--t4-grad);color:#07211F;font-size:14px;font-weight:900}
.tlp4 .tlp4-final .tlp4-final-row{margin-top:26px}

/* Proof card CTA */
.tlp4 .tlp4-proof .tlp4-proof-body{margin-bottom:22px}
.tlp4 .tlp4-proof .tlp4-proof-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding:13px 20px;border-radius:9px;background:var(--t4-teal);color:#07211F;font-size:14px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease,background-color .18s ease}
.tlp4 .tlp4-proof .tlp4-proof-cta::after{content:"\2192";transition:transform .22s ease}
.tlp4 .tlp4-proof .tlp4-proof-cta:hover{color:#07211F;background:#25C9C0;letter-spacing:.04em;transform:translateY(-2px);box-shadow:0 14px 26px -14px rgba(52,222,212,.85)}
.tlp4 .tlp4-proof .tlp4-proof-cta:hover::after{transform:translateX(3px)}

/* Client previews: scroll only while hovered, then glide back to the top */
.tlp4 .tlp4-work .tlp4-devs img{transition:object-position 3.2s cubic-bezier(.45,0,.55,1)}
.tlp4 .tlp4-work .tlp4-dev-show{position:relative}
@media (hover:hover){
.tlp4 .tlp4-work li:hover .tlp4-lap-scr img{object-position:50% 100%;transition:object-position 12s cubic-bezier(.3,0,.5,1)}
.tlp4 .tlp4-work li:hover .tlp4-phn-scr img{object-position:50% 100%;transition:object-position 10s cubic-bezier(.3,0,.5,1)}
.tlp4 .tlp4-work .tlp4-dev-show::after{content:"Hover to scroll the site";position:absolute;left:44%;top:46%;transform:translate(-50%,-50%);padding:8px 14px;border-radius:999px;background:rgba(10,10,12,.78);color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:none;transition:opacity .3s ease}
.tlp4 .tlp4-work li:hover .tlp4-dev-show::after{opacity:0}
}
@media (prefers-reduced-motion:reduce){.tlp4 .tlp4-work li:hover .tlp4-devs img{transition-duration:0s}}

/* FAQ: chat bubbles you tap open */
.tlp4-chat-d{display:block}
.tlp4-chat-s{display:grid;justify-items:start;gap:8px;list-style:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.tlp4-chat-s::-webkit-details-marker{display:none}
.tlp4-chat-s::marker{content:""}
.tlp4-chat-s:focus{outline:none}
.tlp4-chat-s:focus-visible .tlp4-chat-bq{outline:3px solid var(--t4-teal-d);outline-offset:3px}
.tlp4 .tlp4-chat-s .tlp4-chat-bq{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.tlp4 .tlp4-chat-s:hover .tlp4-chat-bq{border-color:var(--t4-teal);transform:translateY(-1px);box-shadow:0 14px 28px -20px rgba(12,142,146,.75)}
.tlp4-chat-hint{display:inline-flex;align-items:center;gap:8px;margin-left:6px;font-size:13px;font-weight:700;color:var(--t4-teal-d)}
.tlp4-chat-hint-ic{position:relative;flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:var(--t4-teal);transition:transform .3s cubic-bezier(.22,1,.36,1)}
.tlp4-chat-hint-ic::before,.tlp4-chat-hint-ic::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:2px;border-radius:1px;background:#07211F;transform:translate(-50%,-50%)}
.tlp4-chat-hint-ic::after{transform:translate(-50%,-50%) rotate(90deg)}
.tlp4-chat-d[open] .tlp4-chat-hint-ic{transform:rotate(45deg)}
.tlp4-chat-h-open{display:none}
.tlp4-chat-d[open] .tlp4-chat-h-open{display:inline}
.tlp4-chat-d[open] .tlp4-chat-h-closed{display:none}
.tlp4-chat:first-child .tlp4-chat-d:not([open]) .tlp4-chat-hint-ic{animation:tlp4-live-teal 1.8s ease-in-out infinite}
@keyframes tlp4-live-teal{0%,100%{box-shadow:0 0 0 0 rgba(52,222,212,.75)}50%{box-shadow:0 0 0 7px rgba(52,222,212,0)}}
.tlp4-chat-d .tlp4-chat-a{width:fit-content;margin:12px 0 0 auto}
.tlp4-chat-d::details-content{block-size:0;overflow:hidden;transition:block-size .5s cubic-bezier(.22,1,.36,1),content-visibility .5s allow-discrete}
.tlp4-chat-d[open]::details-content{block-size:auto}
.tlp4-chat-d[open] .tlp4-chat-typing{display:flex;position:absolute;right:0;top:24px;gap:5px;padding:14px 16px;background:var(--t4-ink);border-radius:20px 20px 5px 20px;pointer-events:none;animation:tlp4-typing .95s ease both}
.tlp4-chat-d[open] .tlp4-chat-ba{animation:tlp4-reply .45s cubic-bezier(.22,1,.36,1) .8s both}
@keyframes tlp4-reply{from{opacity:0;translate:0 .6rem}to{opacity:1;translate:0}}
@media (prefers-reduced-motion:reduce){.tlp4-chat-d[open] .tlp4-chat-typing{display:none}.tlp4-chat-d[open] .tlp4-chat-ba,.tlp4-hero .tlp4-offer,.tlp4-offer-ic,.tlp4-offer-n::before,.tlp4-chat-hint-ic{animation:none!important}}
/* Plain-text site address under each laptop (deliberately not a link) */
.tlp4 .tlp4-work .tlp4-url{display:inline-flex;align-items:center;gap:7px;margin:12px 0 0 4%;font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:none;color:#56626A;user-select:all;-webkit-user-select:all;cursor:text}
.tlp4 .tlp4-work .tlp4-url::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--t4-green);box-shadow:0 0 0 3px rgba(39,201,141,.18)}

/* rs_gw_booking: two-step booking card on /web-design-perth and /book-a-call */
.tlp4-final .n-gw_consent p{margin:0;max-width:none;font-size:13px;line-height:1.45;color:#56626A;text-align:left}
.tlp4-final .n-gw_consent a{color:#0C8E92;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.tlp4-final .n-gw_cal_note p{margin:0;max-width:none;font-size:15px;font-weight:600;line-height:1.4;color:#0A0A0C}
/* rs_gw_hero: /web-design-perth only. Rotating word and device screen run on one 19.5s clock:
   businesses=Build 32, shops=Mercedes, clinics=Motus, creatives=Hosanna, tradies=Plum Craft (3s each), then 'you' (4.5s). */
@media (prefers-reduced-motion:no-preference){
[data-gwhero=rot]>span{animation:gw-rot 19.5s linear infinite}
[data-gwhero=rot]>span:nth-child(1){animation-delay:0s}
[data-gwhero=rot]>span:nth-child(2){animation-delay:-16.5s}
[data-gwhero=rot]>span:nth-child(3){animation-delay:-13.5s}
[data-gwhero=rot]>span:nth-child(4){animation-delay:-10.5s}
[data-gwhero=rot]>span:nth-child(5){animation-delay:-7.5s}
[data-gwhero=rot]>span.tlp4-you{animation:gw-you 19.5s linear -4.5s infinite}
[data-gwhero=rot]>span.tlp4-you::after{animation:gw-you-line 19.5s linear -4.5s infinite}
[data-gwhero=perth]{animation:gw-perth 19.5s linear infinite}
[data-gwhero=scr]>.tlp4-hs{animation:gw-hs 19.5s linear infinite}
[data-gwhero=scr]>.tlp4-hs:nth-child(1){animation-delay:0s}
[data-gwhero=scr]>.tlp4-hs:nth-child(2){animation-delay:-16.5s}
[data-gwhero=scr]>.tlp4-hs:nth-child(3){animation-delay:-13.5s}
[data-gwhero=scr]>.tlp4-hs:nth-child(4){animation-delay:-10.5s}
[data-gwhero=scr]>.tlp4-hs:nth-child(5){animation-delay:-7.5s}
[data-gwhero=scr]>.tlp4-hs:nth-child(6){animation:gw-hs6 19.5s linear -4.5s infinite}
}
@keyframes gw-rot{0%{opacity:0;transform:translateY(.28em)}1.3%{opacity:1;transform:none}13.8%{opacity:1;transform:none}15.38%{opacity:0;transform:translateY(-.28em)}100%{opacity:0;transform:translateY(-.28em)}}
@keyframes gw-you{0%{opacity:0;transform:scale(1.7);filter:blur(10px)}1.5%{opacity:1;transform:scale(.94);filter:none}2.4%{transform:scale(1.03)}3.2%{transform:scale(1)}21.5%{opacity:1;transform:scale(1)}23.08%{opacity:0;transform:translateY(-.28em)}100%{opacity:0;transform:translateY(-.28em)}}
@keyframes gw-you-line{0%,2%{transform:scaleX(0);opacity:1}5.5%{transform:scaleX(1)}21.5%{transform:scaleX(1);opacity:1}23.08%{opacity:0}100%{transform:scaleX(0);opacity:0}}
@keyframes gw-perth{0%{opacity:1;transform:none}76.4%{opacity:1;transform:none}77.4%{opacity:0;transform:translateY(-.22em)}98.8%{opacity:0;transform:translateY(.22em)}100%{opacity:1;transform:none}}
@keyframes gw-hs{0%{opacity:1}13.8%{opacity:1}16%{opacity:0}98.5%{opacity:0}100%{opacity:1}}
@keyframes gw-hs6{0%{opacity:1}21.5%{opacity:1}23.6%{opacity:0}98.5%{opacity:0}100%{opacity:1}}
/* rs_gw_mobile: /web-design-perth touch + small-screen polish */
[data-gwrev] p{margin:0 0 8px}
[data-gwrev] p:last-child{margin-bottom:0}
@media (hover:none){
[data-gwwork] .tlp4-dev-show::after{display:none}
}
@media (hover:none) and (prefers-reduced-motion:no-preference){
[data-gwwork] .tlp4-lap-scr img{animation:tlp4-pan 22s ease-in-out infinite}
[data-gwwork] .tlp4-phn-scr img{animation:tlp4-pan 22s ease-in-out 1.5s infinite}
}