*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e3e3e3; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  font-family: Inter, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Cascadia Mono, Liberation Mono, Consolas, monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #999696; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
} .inline-flex {
  display: inline-flex;
} .h-11 {
  height: 2.75rem;
} .h-9 {
  height: 2.25rem;
} .items-center {
  align-items: center;
} .justify-center {
  justify-content: center;
} .gap-2 {
  gap: 0.5rem;
} .whitespace-nowrap {
  white-space: nowrap;
} .rounded-lg {
  border-radius: var(--radius);
} .rounded-theme-control-round {
  border-radius: var(--theme-round-control-radius, 9999px);
} .bg-surface-submit {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--surface-submit) / var(--tw-bg-opacity, 1));
} .px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
} .px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
} .text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
} .font-medium {
  font-weight: 500;
} .text-text-on-status {
  --tw-text-opacity: 1;
  color: rgb(var(--text-on-status) / var(--tw-text-opacity, 1));
} .ring-offset-surface-primary {
  --tw-ring-offset-color: rgb(var(--surface-primary) / 1);
} .transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
} .duration-theme-fast {
  transition-duration: var(--theme-motion-fast, 150ms);
} @keyframes enter {

  from {
    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));
  }
} .duration-theme-fast {
  animation-duration: var(--theme-motion-fast, 150ms);
} .hover\:bg-surface-submit-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--surface-submit-hover) / var(--tw-bg-opacity, 1));
} .focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
} .focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
} .focus-visible\:ring-text-primary:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--text-primary) / var(--tw-ring-opacity, 1));
} .focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
} .disabled\:pointer-events-none:disabled {
  pointer-events: none;
} .disabled\:opacity-50:disabled {
  opacity: 0.5;
}.pet-brand-lockup{white-space:nowrap;vertical-align:middle;align-items:center;gap:10px;display:inline-flex}.pet-brand-logo{flex-shrink:0;width:126px;height:auto;display:block}.pet-brand-name{color:var(--pet-ink);letter-spacing:-.7px;font-size:24px;font-weight:800;line-height:1.3}@media (width<=760px){.pet-brand-lockup{gap:8px}.pet-brand-logo{width:78px}.pet-brand-name{font-size:20px}}.pet-brand-lockup[data-size=compact]{gap:9px}.pet-brand-lockup[data-size=compact] .pet-brand-logo{width:80px}.pet-brand-lockup[data-size=compact] .pet-brand-name{color:rgb(var(--text-primary));letter-spacing:-.4px;font-size:18px;font-weight:650}.pet-brand-theme{--pet-motion-feedback:.15s;--pet-motion-enter:.28s;--pet-motion-ease:cubic-bezier(.2, .7, .3, 1)}@keyframes pet-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.pet-reveal{animation:pet-enter var(--pet-motion-enter) var(--pet-motion-ease) both}.pet-reveal-later{animation-delay:60ms}.pet-brand-theme .pet-action-feedback{transition-property:transform,background-color,border-color;transition-duration:var(--pet-motion-feedback);transition-timing-function:var(--pet-motion-ease)}.pet-action-feedback:not(:disabled):active{transform:scale(.985)}.pet-brand-logo,.pet-feature-icon svg,.pet-hero-actions a:first-child svg,.pet-auth-home svg,.pet-auth-explore svg{transition:transform var(--pet-motion-feedback) var(--pet-motion-ease)}}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.pet-action-feedback:not(:disabled):hover{transform:translateY(-2px)}.pet-action-feedback:not(:disabled):active{transform:translateY(0)scale(.985)}a:hover>.pet-brand-lockup .pet-brand-logo{transform:translateY(-1px)}.pet-capability:hover .pet-feature-icon svg{transform:translateY(-2px)}.pet-hero-actions a:first-child:hover svg{transform:translate(3px)}.pet-auth-home:hover svg{transform:translate(-3px)}.pet-auth-explore a:hover svg{transform:translate(2px,-2px)}}.pet-brand-theme{--pet-brand:#5e4bff;--pet-brand-hover:#4c38e5;--pet-ink:#090b20;--pet-body:#515770;--pet-muted:#6d7389;--pet-tint:#f0efff;--pet-line:#e4e6f3;--pet-paper:#fff;--pet-blue:#5576ff;--pet-violet:#793dff;--surface-submit:94 75 255;--surface-submit-hover:76 56 229;--surface-primary:255 255 255;--surface-hover:240 239 255;--text-on-status:255 255 255;--text-primary:9 11 32;--border-light:228 230 243;--border-medium:212 217 236;--text-secondary:81 87 112;--text-secondary-alt:105 111 135;--text-tertiary:123 129 152;--text-destructive:185 28 28;--accent-primary:94 75 255;--accent-primary-hover:76 56 229;--ring-primary:94 75 255;--surface-secondary:248 249 255;--surface-tertiary:240 239 255;--status-error:185 28 28;--status-error-subtle:254 242 242;--status-error-border:252 165 165;--status-success-subtle:240 253 244;--status-success-border:134 239 172;--theme-control-round-radius:999px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--pet-paper);color:var(--pet-ink);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}.pet-brand-theme[data-pet-surface=warm]{--pet-pink:#f75b8a;--pet-brand:#624bfc;--pet-brand-hover:#5641e8;--pet-ink:#16132b;--pet-body:#5d6173;--pet-muted:#8a8fa3;--pet-tint:#eee9ff;--pet-line:#e5e7f0;--pet-page:#f8f2ef;--pet-paper:#fffdfc;--surface-submit:98 75 252;--surface-submit-hover:86 65 232;--surface-primary:255 253 252;--surface-secondary:248 249 253;--surface-tertiary:238 233 255;--surface-hover:238 233 255;--text-primary:22 19 43;--text-secondary:93 97 115;--text-secondary-alt:93 97 115;--text-tertiary:138 143 163;--border-light:229 231 240;--accent-primary:98 75 252;--accent-primary-hover:86 65 232;--ring-primary:98 75 252}.pet-landing{width:100%;min-height:100dvh}.pet-landing *{box-sizing:border-box}.pet-landing em{color:var(--pet-brand);font-style:normal}.pet-landing a{text-decoration:none}.pet-landing a:focus-visible{outline:2px solid var(--pet-brand);outline-offset:5px}.pet-container{width:min(1480px,100% - 11.5vw);margin-inline:auto}.pet-header{background:var(--pet-paper)}.pet-header-inner{align-items:center;gap:22px;min-height:60px;display:flex;position:relative}.pet-wordmark{color:var(--pet-ink);flex-shrink:0}.pet-header-brand{flex-shrink:0;align-items:center;gap:19px;display:flex}.pet-platform-brand{border-left:1px solid var(--pet-line);padding-left:19px}.pet-platform-brand img{width:auto;height:28px;display:block}.pet-tagline{border-left:1px solid var(--pet-line);color:var(--pet-muted);white-space:nowrap;padding-left:19px;font-size:13px}.pet-navigation{white-space:nowrap;flex-shrink:0;align-items:center;gap:clamp(20px,2vw,28px);margin-inline:auto;font-size:14px;font-weight:600;display:flex}.pet-navigation a,.pet-navigation span{color:var(--pet-ink)}.pet-navigation a:hover{color:var(--pet-brand)}.pet-header-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.pet-search-mark{color:var(--pet-ink);margin-right:15px}.pet-header-actions a{border-radius:10px;min-width:78px;min-height:38px;font-size:14px;font-weight:600}.pet-header-actions a:last-child{min-width:124px}.pet-hero{background-image:var(--pet-hero-image);background-position:top;background-repeat:no-repeat;background-size:cover;overflow:clip}.pet-hero-inner{grid-template-columns:minmax(0,42%) minmax(0,58%);height:clamp(548px,37.8vw,632px);min-height:0;display:grid;position:relative}.pet-copy{z-index:2;padding:60px 0 0;position:relative}.pet-eyebrow{background:color-mix(in srgb, var(--pet-blue) 7%, transparent);color:var(--pet-body);border-radius:99px;align-items:center;gap:8px;margin:0 0 12px;padding:5px 11px;font-size:14px;line-height:1.4;display:inline-flex}.pet-ai-mark{color:var(--pet-brand-hover);background:color-mix(in srgb, var(--pet-blue) 15%, var(--pet-paper));border-radius:50%;place-items:center;width:19px;height:19px;font-size:12px;font-weight:800;display:grid}.pet-copy h1{letter-spacing:-1.3px;-webkit-text-stroke:.55px currentColor;margin:0;font-size:clamp(38px,3.47vw,58px);font-weight:900;line-height:1.25}.pet-copy h1>span{white-space:nowrap;display:block}.pet-copy h1>span:first-child{font-size:.9em}.pet-copy h1 em{background:linear-gradient(105deg, var(--pet-blue), var(--pet-violet));-webkit-text-fill-color:transparent;-webkit-text-stroke:.55px var(--pet-brand);-webkit-background-clip:text;background-clip:text}.pet-intro{white-space:pre-line;max-width:545px;color:var(--pet-body);margin:16px 0 0;font-size:16px;line-height:1.62}.pet-hero-actions{gap:13px;margin-top:22px;display:flex}.pet-hero-actions a{border-radius:999px;gap:13px;min-width:174px;min-height:50px;font-size:16px;font-weight:600}.pet-hero-actions a:first-child,.pet-header-actions a:last-child{background-image:linear-gradient(120deg, var(--pet-brand), var(--pet-brand-hover));box-shadow:0 6px 16px color-mix(in srgb, var(--pet-brand) 10%, transparent)}.pet-benefits{gap:8px;margin:27px 0 0;padding:0;list-style:none;display:flex}.pet-benefits li{align-items:center;gap:8px;display:flex}.pet-benefits svg{border:1px solid var(--pet-line);background:var(--pet-paper);width:31px;height:31px;color:var(--pet-brand);stroke-width:2.6px;border-radius:50%;flex-shrink:0;padding:7px}.pet-benefits strong{white-space:nowrap;font-size:11px;font-weight:700;display:block}.pet-benefits small{color:var(--pet-body);white-space:nowrap;margin-top:2px;font-size:10px;display:block}.pet-benefits li:first-child strong{font-size:12px}.pet-benefits li:last-child strong{font-size:10px}.pet-preview{z-index:1;width:83.85%;margin:0;scroll-margin-top:24px;position:absolute;top:25px;left:16.76%}.pet-preview-art{aspect-ratio:1241/607;position:relative}.pet-dashboard{object-fit:contain;width:68.5%;height:100%;position:absolute;top:0;right:0}.pet-portrait{width:28%;height:auto;position:absolute;bottom:0;left:2%}.pet-handnote{z-index:2;color:var(--pet-brand);opacity:.72;margin:0;font-family:Kaiti SC,STKaiti,KaiTi,serif;font-size:18px;line-height:1.5;position:absolute;top:86px;left:33%;transform:rotate(-10deg)}.pet-handnote svg{position:absolute;bottom:3px;right:-21px}.pet-handnote:after{content:"";border-bottom:1px solid;border-radius:50%;width:87px;height:12px;margin:4px 0 0 15px;display:block;transform:rotate(-8deg)}.pet-paw{width:33px;height:33px;color:var(--pet-brand);opacity:.14;position:absolute}.pet-paw-one{bottom:201px;right:-4%;transform:rotate(18deg)}.pet-capabilities{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;padding-block:25px 29px;scroll-margin-top:20px;display:grid}.pet-capability{align-items:flex-start;gap:23px;display:flex;position:relative}.pet-capability:not(:first-child):before{content:"";background:var(--pet-line);opacity:.65;width:1px;position:absolute;top:8px;bottom:8px;left:-13px}.pet-feature-icon{flex-shrink:0;place-items:center;width:56px;height:56px;display:grid}.pet-feature-icon img,.pet-value-icon img{object-fit:contain;width:100%;height:100%;display:block}.pet-capability h2{margin:2px 0 7px;font-size:16px;font-weight:800;line-height:1.45}.pet-capability p{color:var(--pet-muted);margin:0;font-size:13px;line-height:1.55}.pet-why{grid-template-columns:minmax(0,41.5%) minmax(0,58.5%);padding:0;display:grid;position:relative}.pet-why-heading>p{background:var(--pet-tint);width:fit-content;color:var(--pet-body);border-radius:99px;margin:0 0 12px;padding:4px 16px;font-size:15px;line-height:1.4}.pet-why h2{letter-spacing:-.8px;-webkit-text-stroke:.35px currentColor;margin:0;font-size:clamp(26px,2.27vw,38px);font-weight:900;line-height:1.25}.pet-why h2 br{display:none}.pet-values{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:16px;margin:0;padding:0 0 10px 18px;list-style:none;display:grid}.pet-values li{align-items:center;gap:15px;min-width:0;display:flex}.pet-values li+li{border-left:1px solid var(--pet-line);padding-left:18px}.pet-value-icon{flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.pet-values strong{white-space:nowrap;font-size:21px;font-weight:800}.pet-values p{color:var(--pet-muted);white-space:nowrap;margin:2px 0 0;font-size:12px}@media (width<=1550px){.pet-tagline,.pet-benefits li:last-child{display:none}}@media (width<=1350px){.pet-container{width:calc(100% - 8vw)}.pet-tagline{display:none}.pet-hero-inner{height:auto;min-height:580px}.pet-copy{padding-top:50px;padding-bottom:140px}.pet-copy h1{font-size:clamp(34px,3.4vw,46px)}.pet-intro{white-space:normal;max-width:95%;font-size:14px}.pet-preview{align-self:start;width:auto;margin:44px 0 0 18px;position:relative;top:auto;left:auto}.pet-preview-art{aspect-ratio:850/596}.pet-dashboard{width:100%;height:auto}.pet-portrait{width:48%;bottom:0;left:-24%}.pet-handnote{display:none}.pet-benefits{flex-wrap:wrap;gap:12px}.pet-capability{gap:12px}.pet-feature-icon{width:44px;height:44px}.pet-capability h2{font-size:14px}.pet-capability p{font-size:12px}.pet-why{grid-template-columns:36% 64%}.pet-why h2 br{display:block}.pet-values{align-items:center;gap:10px;padding-left:10px}.pet-values li{gap:10px}.pet-values li+li{padding-left:10px}.pet-value-icon{width:38px;height:38px}.pet-values p{font-size:11px}}@media (width<=1100px){.pet-navigation{display:none}}@media (width<=1000px){.pet-navigation{gap:22px}.pet-navigation span:nth-last-child(-n+2),.pet-search-mark{display:none}.pet-header-actions a:last-child{min-width:104px}.pet-hero-inner{grid-template-columns:46% 54%;min-height:570px}.pet-copy h1{letter-spacing:-1.2px;font-size:33px}.pet-intro{padding-right:10px}.pet-hero-actions{gap:10px}.pet-hero-actions a{min-width:146px;min-height:46px;padding-inline:20px;font-size:14px}.pet-benefits li:last-child{display:none}.pet-preview{margin-top:76px;margin-left:24px}.pet-paw{display:none}.pet-capabilities{gap:18px}.pet-capability{display:block}.pet-capability h2{margin-top:12px}.pet-why{grid-template-columns:1fr;gap:24px}.pet-why h2 br{display:none}.pet-values{padding:0 0 6px}}@media (width<=760px){.pet-container{width:calc(100% - 40px)}.pet-header-inner{gap:12px;min-height:66px}.pet-header-brand{flex-direction:column;align-items:flex-start;gap:0}.pet-platform-brand{border-left:0;padding-left:0}.pet-platform-brand img{height:16px}.pet-wordmark{font-size:23px}.pet-navigation{display:none}.pet-header-actions{gap:8px}.pet-header-actions a{min-width:54px;padding-inline:12px;font-size:12px}.pet-header-actions a:last-child{min-width:88px}.pet-hero{background-position:top}.pet-hero-inner{flex-direction:column;height:auto;min-height:0;display:flex}.pet-copy{padding:35px 0 0}.pet-eyebrow{margin-bottom:19px;font-size:11px}.pet-copy h1{letter-spacing:-.9px;-webkit-text-stroke:.3px currentColor;font-size:clamp(27px,6.65vw,49px);line-height:1.4}.pet-copy h1 em{-webkit-text-stroke-width:.3px}.pet-intro{max-width:560px;margin-top:17px;padding:0;font-size:13px;line-height:1.9}.pet-hero-actions{gap:12px;margin-top:23px}.pet-hero-actions a{min-width:143px;min-height:46px}.pet-benefits{gap:14px;margin-top:25px}.pet-benefits li:last-child{display:flex}.pet-benefits svg{width:28px;height:28px;padding:6px}.pet-benefits strong{font-size:11px}.pet-benefits small{font-size:10px}.pet-preview{width:100%;margin:29px 0 24px}.pet-dashboard{width:95%;right:0}.pet-portrait{width:40%;left:-3%}.pet-capabilities{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px;padding-block:27px}.pet-capability{gap:11px;display:flex}.pet-capability:before{display:none}.pet-feature-icon{width:38px;height:38px}.pet-capability h2{margin:0 0 6px;font-size:13px}.pet-capability p{font-size:11px}.pet-why{gap:24px}.pet-why h2{font-size:clamp(22px,5.4vw,30px)}.pet-why h2 br{display:block}.pet-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.pet-values li+li{border-left:0;padding-left:0}.pet-values strong{font-size:20px}}@media (width<=380px){.pet-container{width:calc(100% - 32px)}.pet-header-actions a:last-child{display:none}.pet-copy h1{letter-spacing:-1.2px;font-size:26px}.pet-hero-actions a{flex:1;min-width:0;padding-inline:15px}.pet-benefits li:last-child{display:none}.pet-capability{gap:8px}.pet-feature-icon{width:32px;height:32px}}@media (width<=760px){.pet-hero{background-image:var(--pet-hero-image-small)}}
/*$vite$:1*/