*, ::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: #e5e7eb; /* 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 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: Figtree, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 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]) {
  -webkit-text-decoration: underline dotted;
          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: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", 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::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 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;
}

input:where([type='text']),input:where(:not([type])),input:where([type='email']),input:where([type='url']),input:where([type='password']),input:where([type='number']),input:where([type='date']),input:where([type='datetime-local']),input:where([type='month']),input:where([type='search']),input:where([type='tel']),input:where([type='time']),input:where([type='week']),select:where([multiple]),textarea,select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}

input:where([type='text']):focus, input:where(:not([type])):focus, input:where([type='email']):focus, input:where([type='url']):focus, input:where([type='password']):focus, input:where([type='number']):focus, input:where([type='date']):focus, input:where([type='datetime-local']):focus, input:where([type='month']):focus, input:where([type='search']):focus, input:where([type='tel']):focus, input:where([type='time']):focus, input:where([type='week']):focus, select:where([multiple]):focus, textarea:focus, select:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #6b7280;
  opacity: 1;
}

input::placeholder,textarea::placeholder {
  color: #6b7280;
  opacity: 1;
}

::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

::-webkit-date-and-time-value {
  min-height: 1.5em;
  text-align: inherit;
}

::-webkit-datetime-edit {
  display: inline-flex;
}

::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
  padding-top: 0;
  padding-bottom: 0;
}

select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}

select:where([multiple]),select:where([size]:not([size="1"])) {
  background-image: initial;
  background-position: initial;
  background-repeat: unset;
  background-size: initial;
  padding-right: 0.75rem;
  -webkit-print-color-adjust: unset;
          print-color-adjust: unset;
}

input:where([type='checkbox']),input:where([type='radio']) {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2563eb;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
}

input:where([type='checkbox']) {
  border-radius: 0px;
}

input:where([type='radio']) {
  border-radius: 100%;
}

input:where([type='checkbox']):focus,input:where([type='radio']):focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --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);
}

input:where([type='checkbox']):checked,input:where([type='radio']):checked {
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

input:where([type='checkbox']):checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

@media (forced-colors: active)  {

  input:where([type='checkbox']):checked {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}

input:where([type='radio']):checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}

@media (forced-colors: active)  {

  input:where([type='radio']):checked {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}

input:where([type='checkbox']):checked:hover,input:where([type='checkbox']):checked:focus,input:where([type='radio']):checked:hover,input:where([type='radio']):checked:focus {
  border-color: transparent;
  background-color: currentColor;
}

input:where([type='checkbox']):indeterminate {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

@media (forced-colors: active)  {

  input:where([type='checkbox']):indeterminate {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}

input:where([type='checkbox']):indeterminate:hover,input:where([type='checkbox']):indeterminate:focus {
  border-color: transparent;
  background-color: currentColor;
}

input:where([type='file']) {
  background: unset;
  border-color: inherit;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-size: unset;
  line-height: inherit;
}

input:where([type='file']):focus {
  outline: 1px solid ButtonText;
  outline: 1px auto -webkit-focus-ring-color;
}
    html {
        scroll-behavior: smooth;
        color-scheme: light;
    }

    body {
        min-width: 320px;
        font-family: Inter, Geist, "SF Pro Display", "Segoe UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
        background:
            radial-gradient(circle at 20% -20%, rgba(22, 183, 232, 0.08), transparent 34rem),
            var(--surface);
    }

    ::-moz-selection {
        background: rgba(8, 126, 201, 0.18);
        color: #071c33;
    }

    ::selection {
        background: rgba(8, 126, 201, 0.18);
        color: #071c33;
    }

    :focus-visible {
        outline: 3px solid rgba(38, 198, 218, 0.35);
        outline-offset: 3px;
    }

    button,
    a,
    input,
    select,
    textarea {
        transition-property: color, background-color, border-color, box-shadow, opacity, transform;
        transition-duration: 180ms;
        transition-timing-function: cubic-bezier(.2, .8, .2, 1);
    }

    button:disabled,
    input:disabled,
    select:disabled,
    textarea:disabled {
        cursor: not-allowed;
        opacity: .62;
    }
    .hw-label {
  margin-bottom: 0.5rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}
    .dark .hw-label { color:#e2e8f0; }

    .hw-input {
  display: block;
  width: 100%;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

    .dark .hw-input { background-color:#0f1d2e; color:#e2e8f0; border-color:#24364a; }

    .hw-input::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

    .hw-input::placeholder {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

    .hw-input:focus {
  --tw-border-opacity: 1;
  border-color: rgb(6 182 212 / var(--tw-border-opacity, 1));
  --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(4px + 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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(207 250 254 / var(--tw-ring-opacity, 1));
}

    .hw-input {
        min-height: 48px;
    }

    .hw-input:hover {
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
}

    .hw-error {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

    .hw-primary-button,
    .hw-secondary-button,
    .hw-button-light,
    .hw-button-glass {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 1rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}

    .hw-primary-button:focus,
    .hw-secondary-button:focus,
    .hw-button-light:focus,
    .hw-button-glass:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --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(4px + 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);
}

    .hw-primary-button {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

    .hw-primary-button:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(165 243 252 / var(--tw-ring-opacity, 1));
}

    .hw-primary-button {
        background: linear-gradient(135deg, #087ec9, #0766ae);
        box-shadow: 0 10px 24px rgba(8, 126, 201, .2);
    }

    .hw-primary-button:hover {
        transform: translateY(-1px);
        box-shadow: 0 14px 28px rgba(8, 126, 201, .26);
    }

    .hw-secondary-button {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}

    .dark .hw-secondary-button { background-color:#0f1d2e; color:#e2e8f0; border-color:#24364a; }

    .hw-secondary-button:hover {
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}

    .hw-secondary-button:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity, 1));
}

    .hw-button-light {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color: rgb(2 6 23 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}

    .dark .hw-button-light { background-color:#0f1d2e;border-color:#24364a; color:#e2e8f0; }

    .hw-button-light:focus {
  --tw-ring-color: rgb(255 255 255 / 0.3);
}

    .hw-button-light:hover {
        transform: translateY(-2px);
    }

    .hw-button-glass {
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.2);
  background-color: rgb(255 255 255 / 0.1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-backdrop-blur: blur(8px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

    .hw-button-glass:focus {
  --tw-ring-color: rgb(255 255 255 / 0.2);
}

    .hw-button-glass:hover {
  background-color: rgb(255 255 255 / 0.15);
        transform: translateY(-2px);
}

    .hw-card,
    .hw-panel {
  border-width: 1px;
  border-color: rgb(226 232 240 / 0.8);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

    .dark .hw-card,.dark 
    .hw-panel { background-color:#0f1d2e;color:#e2e8f0; border-color:#24364a; }

    .hw-card,
    .hw-panel {
        border-radius: var(--radius-card);
        box-shadow: var(--shadow-card);
    }

    .hw-card {
  padding: 1.5rem;
}

    .hw-card:hover {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        transform: translateY(-2px);
}

    .hw-card-kicker,
    .hw-section-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(14 116 144 / var(--tw-text-opacity, 1));
        letter-spacing: .16em;
}

    .hw-card-title,
    .hw-section-title {
  margin-top: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
}

    .dark .hw-card-title,.dark 
    .hw-section-title { color:#e2e8f0; }

    @media (min-width: 640px) {

  .hw-card-title,
    .hw-section-title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

    .hw-card-copy,
    .hw-section-copy {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

    .dark .hw-card-copy,.dark 
    .hw-section-copy { color:#94a3b8; }

    .hw-alert {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  border-radius: 1rem;
  border-width: 1px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

    .hw-alert-success {
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity, 1));
}

    .hw-alert-error {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

    .hw-icon-button {
  display: inline-flex;
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

    .dark .hw-icon-button { background-color:#0f1d2e;color:#e2e8f0; color:#94a3b8; border-color:#24364a; }

    .hw-icon-button:hover {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
}

    .hw-topbar-action {
  display: inline-flex;
  height: 2.5rem;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

    .dark .hw-topbar-action { background-color:#0f1d2e; color:#e2e8f0; border-color:#24364a; }

    .hw-topbar-action:hover {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}

    .hw-text-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(14 116 144 / var(--tw-text-opacity, 1));
}

    .hw-text-link:hover {
  --tw-text-opacity: 1;
  color: rgb(22 78 99 / var(--tw-text-opacity, 1));
}

    .hw-soft-icon {
  display: inline-flex;
  width: 2.75rem;
  height: 2.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
}

    .hw-soft-icon svg {
  width: 1.25rem;
  height: 1.25rem;
}

    .hw-status-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 11px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}

    .dark .hw-status-chip { background-color:#0f1d2e;color:#e2e8f0; color:#94a3b8; border-color:#24364a; }

    .hw-status-chip > span {
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
        box-shadow: 0 0 0 4px rgba(245, 158, 11, .1);
}

    /* App shell */
    .hw-sidebar {
        background:
            radial-gradient(circle at 20% 0%, rgba(38, 198, 218, .16), transparent 17rem),
            linear-gradient(180deg, #071c33 0%, #0a2747 54%, #071a30 100%);
        color: white;
        box-shadow: 22px 0 60px rgba(7, 28, 51, .08);
    }

    .hw-sidebar-close {
  display: inline-flex;
  width: 2.5rem;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.1);
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

    .hw-sidebar-close:hover {
  background-color: rgb(255 255 255 / 0.1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

    .hw-sidebar-plan {
  border-radius: 22px;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.1);
  padding: 1rem;
        background: linear-gradient(145deg, rgba(24, 121, 186, .38), rgba(20, 72, 115, .28));
        box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

    .hw-sidebar-nav {
        scrollbar-width: thin;
        scrollbar-color: rgba(148, 163, 184, .26) transparent;
    }

    .hw-nav-section-label {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-top: 1.25rem;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

    .dark .hw-nav-section-label { color:#94a3b8; }

    .hw-nav-section-label {
        letter-spacing: .18em;
    }

    .hw-nav-link {
  margin-bottom: 0.25rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

    .hw-nav-link:hover {
  background-color: rgb(255 255 255 / 0.1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

    .hw-nav-link svg {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

    .dark .hw-nav-link svg { color:#94a3b8; }

    .hw-nav-active {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color: rgb(2 6 23 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}

    .dark .hw-nav-active { background-color:#0f1d2e;border-color:#24364a; color:#e2e8f0; }

    .hw-nav-active svg {
  --tw-text-opacity: 1;
  color: rgb(14 116 144 / var(--tw-text-opacity, 1));
}

    .hw-admin-entry {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 0.75rem;
  border-width: 1px;
  border-color: rgb(103 232 249 / 0.2);
  background-color: rgb(103 232 249 / 0.1);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 13px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(207 250 254 / var(--tw-text-opacity, 1));
}

    .hw-admin-entry:hover {
  border-color: rgb(103 232 249 / 0.3);
  background-color: rgb(103 232 249 / 0.15);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

    .hw-avatar {
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
        background: linear-gradient(145deg, #1da1db, #6658dd);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.24);
}

    .hw-topbar {
  border-bottom-width: 1px;
  border-color: rgb(226 232 240 / 0.8);
  background-color: rgb(255 255 255 / 0.9);
  --tw-backdrop-blur: blur(24px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

    .dark .hw-topbar { border-color:#24364a; }

    .hw-topbar {
        box-shadow: 0 10px 30px rgba(15, 38, 63, .025);
    }

    .hw-mobile-nav {
  position: fixed;
  left: 0.75rem;
  right: 0.75rem;
  bottom: 0.75rem;
  z-index: 40;
  display: grid;
  height: 68px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: center;
  border-radius: 22px;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.2);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-backdrop-blur: blur(24px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        background: rgba(7, 28, 51, .94);
}

    .hw-mobile-nav > a,
    .hw-mobile-nav > button {
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  font-size: 10px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

    .dark .hw-mobile-nav > a,.dark 
    .hw-mobile-nav > button { color:#94a3b8; }

    .hw-mobile-nav svg {
  width: 1.25rem;
  height: 1.25rem;
}

    .hw-mobile-nav .is-active {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

    .hw-mobile-ai {
  position: relative;
}

    .hw-mobile-ai > span {
  position: absolute;
  top: -1.25rem;
  display: flex;
  width: 3rem;
  height: 3rem;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  border-width: 4px;
  border-color: var(--surface);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        background: linear-gradient(145deg, #087ec9, #7559e8);
}

    .hw-mobile-ai > small {
  margin-top: 1.75rem;
  font-size: 10px;
}

    /* Dashboard */
    .hw-dashboard-hero {
  position: relative;
  overflow: hidden;
  border-radius: 32px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
    @media (min-width: 640px) {

  .hw-dashboard-hero {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
}
    @media (min-width: 1280px) {

  .hw-dashboard-hero {
    min-height: 380px;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
    .hw-dashboard-hero {
        background:
            linear-gradient(125deg, rgba(5, 28, 54, .98), rgba(8, 63, 107, .96) 58%, rgba(5, 87, 113, .94)),
            #071c33;
        box-shadow: 0 28px 70px rgba(7, 28, 51, .18);
        isolation: isolate;
    }

    .hw-dashboard-hero::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background-image:
            linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
            linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
        background-size: 38px 38px;
        -webkit-mask-image: linear-gradient(to right, transparent, black 30%, black);
                mask-image: linear-gradient(to right, transparent, black 30%, black);
    }

    .hw-dashboard-hero::after {
        content: "";
        position: absolute;
        width: 34rem;
        height: 34rem;
        right: -12rem;
        top: -17rem;
        border-radius: 9999px;
        background: rgba(38, 198, 218, .17);
        filter: blur(10px);
        z-index: -1;
    }

    .hw-live-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 9999px;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.1);
  background-color: rgb(255 255 255 / 0.1);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(207 250 254 / var(--tw-text-opacity, 1));
  --tw-backdrop-blur: blur(8px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        letter-spacing: .16em;
}

    .hw-live-dot {
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(110 231 183 / var(--tw-bg-opacity, 1));
        box-shadow: 0 0 0 5px rgba(110, 231, 183, .12);
        animation: hw-pulse 2s ease-in-out infinite;
}

    .hw-hero-orbit {
  pointer-events: none;
  position: absolute;
  right: -80px;
  top: -20px;
  display: none;
  width: 390px;
  height: 390px;
}

    .hw-command-overlay:not(.hw-hero-orbit) { display:flex; }

    .hw-install-app.hw-hero-orbit { display:none; }

    @media (min-width: 1280px) {

  .hw-hero-orbit {
    display: block;
  }
}

    .hw-hero-orbit {
        transform-style: preserve-3d;
        perspective: 900px;
    }

    .hw-hero-orbit-ring {
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 9999px;
  border-width: 1px;
  border-color: rgb(165 243 252 / 0.2);
        transform-style: preserve-3d;
}

    .hw-hero-orbit-ring-a {
        width: 290px;
        height: 290px;
        margin: -145px;
        transform: rotateX(64deg) rotateZ(12deg);
        animation: hw-orbit-a 16s linear infinite;
    }

    .hw-hero-orbit-ring-b {
        width: 210px;
        height: 210px;
        margin: -105px;
        transform: rotateY(64deg) rotateZ(-18deg);
        animation: hw-orbit-b 13s linear infinite reverse;
    }

    .hw-hero-core {
  position: absolute;
  left: 50%;
  top: 50%;
  display: flex;
  width: 6rem;
  height: 6rem;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.2);
  --tw-text-opacity: 1;
  color: rgb(207 250 254 / var(--tw-text-opacity, 1));
        margin: -48px;
        background: linear-gradient(145deg, rgba(255,255,255,.18), rgba(255,255,255,.05));
        box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 30px 60px rgba(0,0,0,.24);
        transform: rotate(-8deg) translateZ(35px);
        animation: hw-float 5s ease-in-out infinite;
}

    .hw-vital-card {
  display: flex;
  min-height: 132px;
  align-items: center;
  gap: 1rem;
  border-radius: 24px;
  border-width: 1px;
  border-color: rgb(226 232 240 / 0.8);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

    .dark .hw-vital-card { background-color:#0f1d2e;color:#e2e8f0; border-color:#24364a; }

    .hw-vital-card:hover {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        transform: translateY(-2px);
}

    .hw-vital-icon {
  display: flex;
  width: 2.75rem;
  height: 2.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
}

    .hw-vital-icon svg {
  width: 1.25rem;
  height: 1.25rem;
}
    .hw-vital-label {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
    .dark .hw-vital-label { color:#94a3b8; }
    .hw-vital-value {
  margin-top: 0.25rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  letter-spacing: -0.035em;
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
}
    .dark .hw-vital-value { color:#e2e8f0; }
    .hw-vital-meta {
  margin-top: 0.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
    .dark .hw-vital-meta { color:#94a3b8; }

    .hw-mini-ring,
    .hw-readiness-ring {
        --progress: 0;
        position: relative;
        display: flex;
        flex-shrink: 0;
        align-items: center;
        justify-content: center;
        border-radius: 9999px;
        background: conic-gradient(#0b8fc9 calc(var(--progress) * 1%), #e8eef5 0);
    }

    .hw-mini-ring {
  width: 3.5rem;
  height: 3.5rem;
}

    .hw-mini-ring::before,
    .hw-readiness-ring::before {
        content: "";
        position: absolute;
        border-radius: 9999px;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }

    .dark .hw-mini-ring::before,.dark 
    .hw-readiness-ring::before { background-color:#0f1d2e;border-color:#24364a;color:#e2e8f0; }

    .hw-mini-ring::before,
    .hw-readiness-ring::before {
        inset: 5px;
    }

    .hw-mini-ring span,
    .hw-readiness-ring span {
  position: relative;
  z-index: 10;
  font-size: 10px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}

    .dark .hw-mini-ring span,.dark 
    .hw-readiness-ring span { color:#e2e8f0; }

    .hw-chart-shell {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

    .dark .hw-chart-shell { background-color:#0f1d2e;border-color:#24364a;color:#e2e8f0; }

    .hw-chart-tab {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0.375rem;
  border-radius: 0.75rem;
  border-width: 1px;
  border-color: transparent;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

    .dark .hw-chart-tab { color:#94a3b8; }

    .hw-chart-tab:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

    .hw-chart-tab.is-active {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

    .dark .hw-chart-tab.is-active { background-color:#0f1d2e; color:#e2e8f0; border-color:#24364a; }

    .hw-range-button {
  border-radius: 0.5rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 11px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

    .dark .hw-range-button { color:#94a3b8; }

    .hw-range-button:hover {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

    .hw-range-button.is-active {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

    .dark .hw-range-button.is-active { background-color:#0f1d2e;border-color:#24364a; color:#e2e8f0; }

    .hw-chart-summary-label {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .16em;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

    .dark .hw-chart-summary-label { color:#94a3b8; }

    .hw-chart-summary-value {
  margin-top: 0.375rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
}

    .dark .hw-chart-summary-value { color:#e2e8f0; }

    .hw-chart-state {
  position: absolute;
  inset: 1rem;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 22px;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  background-color: rgb(248 250 252 / 0.8);
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  text-align: center;
}

    .dark .hw-chart-state { border-color:#24364a; }

    @media (min-width: 640px) {

  .hw-chart-state {
    inset: 1.5rem;
  }
}

    .hw-chart-state strong {
  margin-top: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

    .dark .hw-chart-state strong { color:#e2e8f0; }
    .hw-chart-state small {
  margin-top: 0.25rem;
  max-width: 24rem;
  font-size: 0.75rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
    .dark .hw-chart-state small { color:#94a3b8; }
    .hw-chart-state a,
    .hw-chart-state button {
  margin-top: 1rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

    .hw-loader {
  width: 2rem;
  height: 2rem;
  border-radius: 9999px;
  border-width: 3px;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-border-opacity: 1;
  border-top-color: rgb(8 145 178 / var(--tw-border-opacity, 1));
}

    .dark .hw-loader { border-color:#24364a; }

    .hw-loader {
        animation: hw-spin .8s linear infinite;
    }

    .hw-empty-icon {
  display: flex;
  width: 3rem;
  height: 3rem;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

    .dark .hw-empty-icon { background-color:#0f1d2e;border-color:#24364a;color:#e2e8f0; color:#94a3b8; }

    .hw-empty-state {
  display: flex;
  min-height: 16rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 26px;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  text-align: center;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

    .dark .hw-empty-state { background-color:#0f1d2e;color:#e2e8f0; border-color:#24364a; }

    .hw-empty-state > span {
  display: flex;
  width: 3.5rem;
  height: 3.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

    .dark .hw-empty-state > span { background-color:#13243a; color:#94a3b8; }
    .hw-empty-state > span svg {
  width: 1.5rem;
  height: 1.5rem;
}
    .hw-empty-state h2,
    .hw-empty-state h3 {
  margin-top: 1rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
}
    .dark .hw-empty-state h2,.dark 
    .hw-empty-state h3 { color:#e2e8f0; }
    .hw-empty-state p {
  margin-top: 0.5rem;
  max-width: 24rem;
  font-size: 0.875rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
    .dark .hw-empty-state p { color:#94a3b8; }
    .hw-empty-state a {
  margin-top: 1rem;
}

    .hw-chart-tooltip {
  pointer-events: none;
  position: absolute;
  z-index: 20;
  min-width: 150px;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

    .dark .hw-chart-tooltip { border-color:#24364a; }

    .hw-chart-tooltip {
        transform: translate(-50%, calc(-100% - 12px));
    }

    .hw-chart-tooltip::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -5px;
        width: 10px;
        height: 10px;
        transform: translateX(-50%) rotate(45deg);
        background: #020617;
    }

    .hw-inline-empty {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  border-radius: 22px;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
}

    .dark .hw-inline-empty { background-color:#13243a; border-color:#24364a; }

    @media (min-width: 640px) {

  .hw-inline-empty {
    flex-direction: row;
    align-items: center;
  }
}

    .hw-inline-empty > span {
  display: flex;
  width: 2.75rem;
  height: 2.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

    .dark .hw-inline-empty > span { background-color:#0f1d2e;border-color:#24364a;color:#e2e8f0; color:#94a3b8; }

    .hw-inline-empty > span svg {
  width: 1.25rem;
  height: 1.25rem;
}
    .hw-inline-empty > div {
  min-width: 0px;
  flex: 1 1 0%;
}
    .hw-inline-empty strong {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
    .dark .hw-inline-empty strong { color:#e2e8f0; }
    .hw-inline-empty p {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
    .dark .hw-inline-empty p { color:#94a3b8; }
    .hw-inline-empty > a {
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

    /* Marketing homepage */
    .marketing-page {
  min-height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(247 250 252 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
}
    .dark .marketing-page { color:#e2e8f0; }
    .marketing-page {
        overscroll-behavior-y: auto;
    }

    .marketing-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(165 243 252 / var(--tw-border-opacity, 1));
  background-color: rgb(255 255 255 / 0.8);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(21 94 117 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-backdrop-blur: blur(8px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        letter-spacing: .17em;
}

    /* Auth */

    /* Backward-compatible homepage/auth utility classes */

    /* Admin consistency */
    .hw-admin-shell {
  min-height: 100vh;
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
    .dark .hw-admin-shell { background-color:#13243a; }

    .hw-admin-sidebar {
        background: linear-gradient(180deg, #071c33, #081827);
        color: white;
    }

    .hw-admin-nav-link {
  margin-bottom: 0.25rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

    .hw-admin-nav-link:hover {
  background-color: rgb(255 255 255 / 0.1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

    .hw-admin-nav-link.is-active {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

    .dark .hw-admin-nav-link.is-active { background-color:#0f1d2e;border-color:#24364a; color:#e2e8f0; }
    [x-cloak] { display: none !important; }

    .hw-context-back {
  display: inline-flex;
  height: 2.5rem;
  flex-shrink: 0;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

    .dark .hw-context-back { background-color:#0f1d2e; color:#e2e8f0; border-color:#24364a; }

    .hw-context-back:hover {
  --tw-border-opacity: 1;
  border-color: rgb(165 243 252 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(236 254 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(22 78 99 / var(--tw-text-opacity, 1));
}

    .hw-account-trigger {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0.5rem;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.375rem;
  padding-right: 0.5rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

    .dark .hw-account-trigger { background-color:#0f1d2e;color:#e2e8f0; border-color:#24364a; }

    .hw-account-trigger:hover {
  --tw-border-opacity: 1;
  border-color: rgb(165 243 252 / var(--tw-border-opacity, 1));
  background-color: rgb(236 254 255 / 0.5);
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

    @media (min-width: 768px) {

  .hw-account-trigger {
    padding-right: 0.75rem;
  }
}

    .hw-profile-hero {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  padding: 1.5rem;
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

    @media (min-width: 640px) {

  .hw-profile-hero {
    padding: 2rem;
  }
}

    @media (min-width: 1024px) {

  .hw-profile-hero {
    min-height: 390px;
    padding: 2.5rem;
  }
}

    .hw-profile-hero {
        background:
            radial-gradient(circle at 82% 20%, rgba(38,198,218,.24), transparent 23rem),
            radial-gradient(circle at 10% 100%, rgba(117,89,232,.20), transparent 24rem),
            linear-gradient(135deg, #061a30, #0a4670 62%, #087c8a);
    }

    .hw-profile-hero::before {
        content: "";
        position: absolute;
        inset: 0px;
        background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
        background-size: 42px 42px;
        -webkit-mask-image: linear-gradient(90deg, transparent, black 35%, black);
                mask-image: linear-gradient(90deg, transparent, black 35%, black);
    }

    .hw-profile-identity {
  pointer-events: none;
  position: absolute;
  right: 9%;
  top: 50%;
  display: none;
  width: 270px;
  height: 270px;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

    .hw-command-overlay:not(.hw-profile-identity) { display:flex; }

    .hw-install-app.hw-profile-identity { display:none; }

    @media (min-width: 1024px) {

  .hw-profile-identity {
    display: block;
  }
}

    .hw-profile-identity {
        perspective: 900px;
        transform-style: preserve-3d;
    }

    .hw-profile-avatar-xl {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 10;
  display: flex;
  width: 7rem;
  height: 7rem;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: center;
  justify-content: center;
  border-radius: 36px;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.2);
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-backdrop-blur: blur(24px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        background: linear-gradient(145deg, rgba(255,255,255,.25), rgba(255,255,255,.07));
        box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 36px 80px rgba(0,0,0,.28);
        animation: hw-profile-float 6s ease-in-out infinite;
}

    .hw-profile-orbit {
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 9999px;
  border-width: 1px;
  border-color: rgb(207 250 254 / 0.2); transform-style: preserve-3d;
}
    .hw-profile-orbit-a { width: 250px; height: 250px; margin: -125px; transform: rotateX(68deg); animation: hw-orbit-a 19s linear infinite; }
    .hw-profile-orbit-b { width: 190px; height: 190px; margin: -95px; transform: rotateY(68deg); animation: hw-orbit-b 15s linear infinite reverse; }

    .hw-profile-shortcut {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 1rem;
  border-width: 1px;
  border-color: rgb(226 232 240 / 0.8);
  background-color: rgb(248 250 252 / 0.7);
  padding: 0.875rem;
}

    .dark .hw-profile-shortcut { background-color:#13243a; border-color:#24364a; }

    .hw-profile-shortcut:hover {
  --tw-border-opacity: 1;
  border-color: rgb(165 243 252 / var(--tw-border-opacity, 1));
  background-color: rgb(236 254 255 / 0.6);
}
    .hw-profile-shortcut > span {
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
}
    .hw-profile-shortcut > span svg {
  width: 18px;
  height: 18px;
}
    .hw-profile-shortcut strong {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
    .dark .hw-profile-shortcut strong { color:#e2e8f0; }
    .hw-profile-shortcut small {
  margin-top: 0.25rem;
  display: block;
  font-size: 11px;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
    .dark .hw-profile-shortcut small { color:#94a3b8; }

    /* Homepage v2 foundation */
    .health-device-side div.is-active {
  --tw-bg-opacity: 1;
  background-color: rgb(7 28 51 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
    .health-control-pills span.is-active {
  --tw-border-opacity: 1;
  border-color: rgb(109 40 217 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(109 40 217 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
    .health-data-controls span.is-active {
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

    /* Living authentication */

    /* Phase 12.3 navigation, explanation, and account controls */
    .hw-account-menu {
  position: absolute;
  right: 0px;
  top: calc(100% + 12px);
  z-index: 75;
  width: min(360px, calc(100vw - 24px));
  overflow: hidden;
  border-radius: 24px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
    .dark .hw-account-menu { background-color:#0f1d2e;color:#e2e8f0; border-color:#24364a; }
    .hw-account-menu {
        transform-origin: top right;
        animation: hw-menu-in 180ms cubic-bezier(.2,.8,.2,1);
    }
    .hw-account-menu-head {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
  background-color: rgb(248 250 252 / 0.8);
  padding: 1rem;
}
    .hw-account-menu-head strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
}
    .dark .hw-account-menu-head strong { color:#e2e8f0; }
    .hw-account-menu-head small {
  margin-top: 0.25rem;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
    .dark .hw-account-menu-head small { color:#94a3b8; }
    .hw-account-menu-links {
  padding: 0.5rem;
}
    .hw-account-menu-links a {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 1rem;
  padding: 0.75rem;
}
    .hw-account-menu-links a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
    .hw-account-menu-links a > span {
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(236 254 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(14 116 144 / var(--tw-text-opacity, 1));
}
    .hw-account-menu-links a > span svg {
  width: 18px;
  height: 18px;
}
    .hw-account-menu-links a > div {
  min-width: 0px;
  flex: 1 1 0%;
}
    .hw-account-menu-links a strong {
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
    .dark .hw-account-menu-links a strong { color:#e2e8f0; }
    .hw-account-menu-links a small {
  margin-top: 0.25rem;
  display: block;
  font-size: 10px;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
    .dark .hw-account-menu-links a small { color:#94a3b8; }
    .hw-account-menu-links a > svg {
  width: 1rem;
  height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}
    .hw-account-signout {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
    .hw-account-signout:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
    .hw-account-signout svg {
  width: 1rem;
  height: 1rem;
}

    .hw-feature-guide {
  display: grid;
  overflow: hidden;
  border-radius: 28px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(207 250 254 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

    .dark .hw-feature-guide { background-color:#0f1d2e;border-color:#24364a;color:#e2e8f0; }

    @media (min-width: 1280px) {

  .hw-feature-guide {
    grid-template-columns: minmax(0,1fr) minmax(420px,.72fr);
  }
}

    .hw-feature-guide {
        background-image: radial-gradient(circle at 0 0, rgba(34,211,238,.13), transparent 24rem);
    }
    .hw-feature-guide-copy {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.25rem;
}
    @media (min-width: 640px) {

  .hw-feature-guide-copy {
    padding: 1.75rem;
  }
}
    .hw-feature-guide-copy > span {
  display: flex;
  width: 3rem;
  height: 3rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(7 28 51 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(165 243 252 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
    .hw-feature-guide-copy > span svg {
  width: 1.25rem;
  height: 1.25rem;
}
    .hw-feature-guide-copy small {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .18em;
  --tw-text-opacity: 1;
  color: rgb(14 116 144 / var(--tw-text-opacity, 1));
}
    .hw-feature-guide-copy h1 {
  margin-top: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
}
    .dark .hw-feature-guide-copy h1 { color:#e2e8f0; }
    @media (min-width: 640px) {

  .hw-feature-guide-copy h1 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
    .hw-feature-guide-copy p {
  margin-top: 0.75rem;
  max-width: 48rem;
  font-size: 0.875rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
    .dark .hw-feature-guide-copy p { color:#94a3b8; }
    .hw-feature-guide-steps {
  display: grid;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
  background-color: rgb(248 250 252 / 0.8);
}
    @media (min-width: 640px) {

  .hw-feature-guide-steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
    @media (min-width: 1280px) {

  .hw-feature-guide-steps {
    border-left-width: 1px;
    border-top-width: 0px;
  }
}
    .hw-feature-guide-steps > div {
  position: relative;
  display: flex;
  min-height: 116px;
  align-items: center;
  gap: 0.75rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
  padding: 1rem;
}
    .hw-feature-guide-steps > div:last-child {
  border-bottom-width: 0px;
}
    @media (min-width: 640px) {

  .hw-feature-guide-steps > div {
    flex-direction: column;
    align-items: flex-start;
    border-bottom-width: 0px;
    border-right-width: 1px;
  }

  .hw-feature-guide-steps > div:last-child {
    border-right-width: 0px;
  }
}
    .hw-feature-guide-steps span {
  display: flex;
  width: 2.25rem;
  height: 2.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(14 116 144 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
    .dark .hw-feature-guide-steps span { background-color:#0f1d2e;border-color:#24364a;color:#e2e8f0; }
    .hw-feature-guide-steps svg {
  width: 1rem;
  height: 1rem;
}
    .hw-feature-guide-steps strong {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}
    .dark .hw-feature-guide-steps strong { color:#e2e8f0; }
    .hw-feature-guide-steps small {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .14em;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
    .dark .hw-feature-guide-steps small { color:#94a3b8; }

    .hw-return-panel {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: 24px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

    .dark .hw-return-panel { background-color:#0f1d2e;color:#e2e8f0; border-color:#24364a; }

    @media (min-width: 640px) {

  .hw-return-panel {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem;
  }
}
    .hw-return-panel > div {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
    .hw-return-panel > div > span {
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}
    .hw-return-panel > div > span svg {
  width: 18px;
  height: 18px;
}
    .hw-return-panel strong {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
    .dark .hw-return-panel strong { color:#e2e8f0; }
    .hw-return-panel p {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
    .dark .hw-return-panel p { color:#94a3b8; }
    .hw-return-panel > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(7 28 51 / var(--tw-bg-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
    .hw-return-panel > a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(11 49 93 / var(--tw-bg-opacity, 1));
}

    .hw-mobile-back {
  position: fixed;
  bottom: 5.8rem;
  left: 50%;
  z-index: 40;
  display: flex;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: center;
  gap: 0.5rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(165 243 252 / var(--tw-border-opacity, 1));
  background-color: rgb(255 255 255 / 0.95);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(21 94 117 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-backdrop-blur: blur(24px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

    .hw-feature-content {
  min-width: 0px;
}
    .hw-feature-content input:not([type="checkbox"]):not([type="radio"]),
    .hw-feature-content select,
    .hw-feature-content textarea {
        scroll-margin-top: 9rem;
    }
    .hw-feature-content table {
  width: 100%;
}
    .hw-feature-content thead {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
  text-align: left;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .14em;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
    .dark .hw-feature-content thead { background-color:#13243a; color:#94a3b8; }
    .hw-feature-content tbody tr {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
}
    .hw-feature-content tbody tr:hover {
  background-color: rgb(236 254 255 / 0.3);
}

    /* Dashboard orientation */

    /* Transparent homepage brand and scroll visibility */
    .marketing-brand {
  display: inline-flex;
  align-items: center;
  border-radius: 0.75rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
    .marketing-brand img {
  display: block;
  height: 2.5rem;
  width: auto; background: transparent !important;
}

    /* Long-form feature stories */
    .health-workspace-record.is-active {
  --tw-border-opacity: 1;
  border-color: rgb(165 243 252 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(236 254 255 / var(--tw-bg-opacity, 1));
}

    /* Clearly visible living auth character */
    .hw-nav-copy {
  min-width: 0px;
  flex: 1 1 0%;
}

    .hw-nav-copy strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 600;
}

    .hw-nav-copy small {
  margin-top: 0.125rem;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

    .dark .hw-nav-copy small { color:#94a3b8; }

    .hw-nav-link:not(.hw-nav-active) .hw-nav-copy small {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

    .dark .hw-nav-link:not(.hw-nav-active) .hw-nav-copy small { color:#94a3b8; }

    .hw-nav-link:hover .hw-nav-copy small {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

    .hw-nav-active .hw-nav-copy small {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

    .dark .hw-nav-active .hw-nav-copy small { color:#94a3b8; }

    .hw-workspace-tabs {
  margin-bottom: 1.5rem;
  display: flex;
  max-width: 100%;
  gap: 0.5rem;
  overflow-x: auto;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.5rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

    .dark .hw-workspace-tabs { background-color:#0f1d2e;color:#e2e8f0; border-color:#24364a; }

    .hw-workspace-tabs {
        scrollbar-width: none;
    }

    .hw-workspace-tabs::-webkit-scrollbar { display: none; }

    .hw-workspace-tabs a {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}

    .dark .hw-workspace-tabs a { color:#94a3b8; }

    .hw-workspace-tabs a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
}

    .hw-workspace-tabs a svg {
  width: 1rem;
  height: 1rem;
}
    .hw-workspace-tabs a.is-active {
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

    .hw-simple-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: 32px;
  padding: 1.5rem;
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

    @media (min-width: 640px) {

  .hw-simple-hero {
    padding: 2rem;
  }
}

    @media (min-width: 1024px) {

  .hw-simple-hero {
    padding: 2.5rem;
  }
}

    .hw-simple-hero {
        min-height: 310px;
        background:
            radial-gradient(circle at 83% 20%, rgba(34, 211, 238, .24), transparent 18rem),
            radial-gradient(circle at 60% 100%, rgba(139, 92, 246, .24), transparent 20rem),
            linear-gradient(135deg, #061b31 0%, #0a3158 58%, #0a4f73 100%);
    }

    .hw-simple-hero::after {
        content: '';
        position: absolute;
        inset: 0;
        pointer-events: none;
        background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
        background-size: 38px 38px;
        -webkit-mask-image: linear-gradient(to left, black, transparent 78%);
                mask-image: linear-gradient(to left, black, transparent 78%);
    }

    .hw-simple-hero-orbit {
  position: absolute;
  right: -70px;
  top: 50%;
  display: none;
  width: 360px;
  height: 360px;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

    .hw-command-overlay:not(.hw-simple-hero-orbit) { display:flex; }

    .hw-install-app.hw-simple-hero-orbit { display:none; }

    @media (min-width: 1024px) {

  .hw-simple-hero-orbit {
    display: block;
  }
}

    .hw-simple-hero-orbit {
        perspective: 900px;
    }

    .hw-simple-hero-orbit::before,
    .hw-simple-hero-orbit::after {
        content: '';
        position: absolute;
        inset: 2.5rem;
        border-radius: 9999px;
        border-width: 1px;
        border-color: rgb(165 243 252 / 0.2);
        transform: rotateX(68deg) rotateZ(18deg);
        animation: hw-simple-orbit-spin 15s linear infinite;
    }

    .hw-simple-hero-orbit::after {
  inset: 5rem;
  border-color: rgb(221 214 254 / 0.2);
        animation-direction: reverse;
        animation-duration: 11s;
}

    .hw-simple-orbit-core,
    .hw-simple-orbit-node {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.15);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-backdrop-blur: blur(16px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        background: rgba(255,255,255,.09);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 24px 50px rgba(0,0,0,.18);
}

    .hw-simple-orbit-core {
  left: 50%;
  top: 50%;
  width: 6rem;
  height: 6rem;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
    .hw-simple-orbit-core svg {
  width: 2.25rem;
  height: 2.25rem;
  --tw-text-opacity: 1;
  color: rgb(165 243 252 / var(--tw-text-opacity, 1));
}
    .hw-simple-orbit-node {
  width: 3.5rem;
  height: 3.5rem; animation: hw-simple-node-float 5s ease-in-out infinite;
}
    .hw-simple-orbit-node svg {
  width: 1.25rem;
  height: 1.25rem;
}
    .hw-simple-node-a {
  left: 2rem;
  top: 4rem;
  --tw-text-opacity: 1;
  color: rgb(165 243 252 / var(--tw-text-opacity, 1));
}
    .hw-simple-node-b {
  bottom: 4rem;
  right: 2rem;
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / var(--tw-text-opacity, 1)); animation-delay: -1.5s;
}
    .hw-simple-node-c {
  right: 3.5rem;
  top: 2rem;
  --tw-text-opacity: 1;
  color: rgb(221 214 254 / var(--tw-text-opacity, 1)); animation-delay: -3s;
}

    .hw-ai-command {
  overflow: hidden;
  border-radius: 28px;
  border-width: 1px;
  border-color: rgb(165 243 252 / 0.8);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

    .dark .hw-ai-command { background-color:#0f1d2e;border-color:#24364a;color:#e2e8f0; }

    .hw-ai-command {
        background-image: radial-gradient(circle at 0 0, rgba(34, 211, 238, .12), transparent 24rem);
    }

    .hw-ai-command-copy {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(207 250 254 / var(--tw-border-opacity, 1));
  padding: 1.25rem;
}

    @media (min-width: 640px) {

  .hw-ai-command-copy {
    padding: 1.5rem;
  }
}

    .hw-ai-command-copy > span {
  display: flex;
  width: 3rem;
  height: 3rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(165 243 252 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

    .hw-ai-command-copy > span svg {
  width: 1.25rem;
  height: 1.25rem;
}
    .hw-ai-command-copy small {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .17em;
  --tw-text-opacity: 1;
  color: rgb(14 116 144 / var(--tw-text-opacity, 1));
}
    .hw-ai-command-copy h2 {
  margin-top: 0.375rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
}
    .dark .hw-ai-command-copy h2 { color:#e2e8f0; }
    @media (min-width: 640px) {

  .hw-ai-command-copy h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
    .hw-ai-command-copy p {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
    .dark .hw-ai-command-copy p { color:#94a3b8; }

    .hw-ai-command-form {
  padding: 1rem;
}

    @media (min-width: 640px) {

  .hw-ai-command-form {
    padding: 1.5rem;
  }
}
    .hw-ai-command-form textarea {
  display: block;
  min-height: 92px;
  width: 100%;
  resize: vertical;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
    .dark .hw-ai-command-form textarea { background-color:#13243a; color:#e2e8f0; border-color:#24364a; }
    .hw-ai-command-form textarea::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
    .hw-ai-command-form textarea::placeholder {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
    .hw-ai-command-form textarea:focus {
  --tw-border-opacity: 1;
  border-color: rgb(6 182 212 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --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(4px + 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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(207 250 254 / var(--tw-ring-opacity, 1));
}
    .hw-ai-command-form > div {
  margin-top: 0.75rem;
}
    .hw-ai-command-form [data-dashboard-ai-prompt] {
  flex-shrink: 0;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 11px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
    .dark .hw-ai-command-form [data-dashboard-ai-prompt] { background-color:#0f1d2e;color:#e2e8f0; color:#94a3b8; border-color:#24364a; }
    .hw-ai-command-form [data-dashboard-ai-prompt]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(165 243 252 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(236 254 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(21 94 117 / var(--tw-text-opacity, 1));
}

    .hw-ai-command-locked {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.25rem;
}

    @media (min-width: 640px) {

  .hw-ai-command-locked {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem;
  }
}
    .hw-ai-command-locked strong {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
}
    .dark .hw-ai-command-locked strong { color:#e2e8f0; }
    .hw-ai-command-locked p {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
    .dark .hw-ai-command-locked p { color:#94a3b8; }
    .hw-ai-command-locked a {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
    .hw-ai-command-locked a svg {
  width: 1rem;
  height: 1rem;
}

    .hw-next-card {
  display: flex;
  gap: 1rem;
  border-radius: 26px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

    .dark .hw-next-card { background-color:#0f1d2e;color:#e2e8f0; border-color:#24364a; }

    .hw-next-card:hover {
  --tw-translate-y: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

    .hw-next-card-icon {
  display: flex;
  width: 3rem;
  height: 3rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
}
    .hw-next-card-icon svg {
  width: 1.25rem;
  height: 1.25rem;
}
    .hw-next-card small {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .15em;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
    .dark .hw-next-card small { color:#94a3b8; }
    .hw-next-card h3 {
  margin-top: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
}
    .dark .hw-next-card h3 { color:#e2e8f0; }
    .hw-next-card p {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
    .dark .hw-next-card p { color:#94a3b8; }
    .hw-next-card a {
  margin-top: 1rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(14 116 144 / var(--tw-text-opacity, 1));
}
    .hw-next-card a:hover {
  --tw-text-opacity: 1;
  color: rgb(22 78 99 / var(--tw-text-opacity, 1));
}
    .hw-next-card a svg {
  width: 0.875rem;
  height: 0.875rem;
}

    .hw-recent-record {
  display: flex;
  min-width: 0px;
  align-items: center;
  gap: 0.75rem;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
  background-color: rgb(248 250 252 / 0.7);
  padding: 0.875rem;
}

    .dark .hw-recent-record { background-color:#13243a; }

    .hw-recent-record:hover {
  --tw-border-opacity: 1;
  border-color: rgb(207 250 254 / var(--tw-border-opacity, 1));
  background-color: rgb(236 254 255 / 0.6);
}

    .hw-recent-record strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

    .dark .hw-recent-record strong { color:#e2e8f0; }
    .hw-recent-record small {
  margin-top: 0.25rem;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
    .dark .hw-recent-record small { color:#94a3b8; }
    .hw-recent-record time {
  display: none;
  flex-shrink: 0;
  font-size: 10px;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
    .hw-command-overlay:not(.hw-recent-record time) { display:flex; }
    .hw-install-app.hw-recent-record time { display:none; }
    .dark .hw-recent-record time { color:#94a3b8; }
    @media (min-width: 640px) {

  .hw-recent-record time {
    display: block;
  }
}
    .hw-recent-record > svg {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

    .hw-ai-action-card {
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(165 243 252 / var(--tw-border-opacity, 1));
  background-color: rgb(236 254 255 / 0.7);
  padding: 1rem;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}

    .dark .hw-ai-action-card { color:#e2e8f0; }

    .hw-ai-action-card.is-completed {
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
  background-color: rgb(236 253 245 / 0.7);
}
    .hw-ai-action-card.is-cancelled {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
    .dark .hw-ai-action-card.is-cancelled { background-color:#13243a; border-color:#24364a; }
    .hw-ai-action-head {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
    .hw-ai-action-head > span {
  display: flex;
  width: 2.25rem;
  height: 2.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(14 116 144 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
    .dark .hw-ai-action-head > span { background-color:#0f1d2e;border-color:#24364a;color:#e2e8f0; }
    .hw-ai-action-head > span svg {
  width: 1rem;
  height: 1rem;
}
    .hw-ai-action-head small {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .15em;
  --tw-text-opacity: 1;
  color: rgb(14 116 144 / var(--tw-text-opacity, 1));
}
    .hw-ai-action-head h3 {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
}
    .dark .hw-ai-action-head h3 { color:#e2e8f0; }
    .hw-ai-action-card > p {
  margin-top: 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
    .dark .hw-ai-action-card > p { color:#94a3b8; }
    .hw-ai-action-details {
  margin-top: 1rem;
  display: grid;
  gap: 0.5rem;
}
    @media (min-width: 640px) {

  .hw-ai-action-details {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
    .hw-ai-action-details > div {
  border-radius: 0.75rem;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.8);
  background-color: rgb(255 255 255 / 0.8);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
    .hw-ai-action-details dt {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .13em;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
    .dark .hw-ai-action-details dt { color:#94a3b8; }
    .hw-ai-action-details dd {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}
    .dark .hw-ai-action-details dd { color:#e2e8f0; }
    .hw-ai-action-notice {
  margin-top: 0.75rem;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  font-size: 11px;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}
    .hw-ai-action-notice svg {
  margin-top: 0.125rem;
  width: 0.875rem;
  height: 0.875rem;
  flex-shrink: 0;
}
    .hw-ai-action-buttons {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
    @media (min-width: 640px) {

  .hw-ai-action-buttons {
    flex-direction: row;
  }
}
    .hw-ai-action-buttons button svg {
  width: 1rem;
  height: 1rem;
}
    .hw-ai-action-result {
  margin-top: 1rem;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
  background-color: rgb(255 255 255 / 0.8);
  padding: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
    .hw-ai-action-result > svg {
  margin-top: 0.125rem;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}
    .hw-ai-action-result strong {
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
}
    .hw-ai-action-result a {
  margin-top: 0.5rem;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-decoration-color: #6ee7b7;
  text-underline-offset: 4px;
}
    .hw-ai-action-result a svg {
  width: 0.875rem;
  height: 0.875rem;
}
    .hw-ai-action-result.is-muted {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
    .dark .hw-ai-action-result.is-muted { color:#94a3b8; border-color:#24364a; }
    .hw-theme-switch {
        position: relative;
        display: inline-flex;
        width: 68px;
        height: 40px;
        flex: 0 0 auto;
        align-items: center;
        justify-content: space-between;
        gap: 4px;
        overflow: hidden;
        border: 1px solid rgb(203 213 225 / .9);
        border-radius: 999px;
        background: linear-gradient(135deg, #ffffff, #edf4fa);
        padding: 5px 8px;
        color: #64748b;
        box-shadow: inset 0 1px 0 rgb(255 255 255 / .9), 0 8px 20px rgb(15 23 42 / .08);
    }
    .hw-theme-switch:hover { border-color: rgb(103 232 249 / .95); box-shadow: inset 0 1px 0 rgb(255 255 255 / .9), 0 10px 24px rgb(8 126 201 / .14); }
    .hw-theme-switch:focus-visible { outline: 3px solid rgb(34 211 238 / .28); outline-offset: 3px; }
    .hw-theme-switch-sun,
    .hw-theme-switch-moon { position: relative; z-index: 2; display: grid; width: 20px; height: 20px; place-items: center; pointer-events: none; }
    .hw-theme-switch-sun svg,
    .hw-theme-switch-moon svg { width: 15px; height: 15px; }
    .hw-theme-switch-sun { color: #f59e0b; }
    .hw-theme-switch-moon { color: #475569; }
    .hw-theme-switch-knob { position: absolute; left: 4px; top: 4px; z-index: 1; width: 30px; height: 30px; border-radius: 999px; background: #ffffff; box-shadow: 0 5px 14px rgb(15 23 42 / .16); transform: translateX(0); transition: transform .24s cubic-bezier(.2,.8,.2,1), background-color .24s ease, box-shadow .24s ease; }
    .hw-theme-switch[data-theme-state="dark"] { border-color: rgb(51 65 85 / .95); background: linear-gradient(135deg, #111f33, #0b1728); color: #cbd5e1; }
    .hw-theme-switch[data-theme-state="dark"] .hw-theme-switch-knob { transform: translateX(30px); background: #1e293b; box-shadow: 0 5px 16px rgb(0 0 0 / .38); }
    .hw-theme-switch[data-theme-state="dark"] .hw-theme-switch-sun { color: #64748b; }
    .hw-theme-switch[data-theme-state="dark"] .hw-theme-switch-moon { color: #c4b5fd; }
    .hw-theme-switch-mobile { width: 58px; height: 38px; padding-inline: 6px; }
    .hw-theme-switch-mobile .hw-theme-switch-knob { width: 28px; height: 28px; top: 4px; }
    .hw-theme-switch-mobile[data-theme-state="dark"] .hw-theme-switch-knob { transform: translateX(22px); }
    .hw-care-hero,
    .hw-program-hero,
    .hw-women-hero,
    .hw-preventive-hero {
        position: relative;
        overflow: hidden;
        border: 1px solid rgba(103, 232, 249, .18);
        border-radius: 32px;
        background: linear-gradient(135deg, #071c33 0%, #0a3153 58%, #075f69 100%);
        padding: clamp(1.5rem, 4vw, 3.25rem);
        color: #fff;
        box-shadow: 0 24px 70px rgba(7, 29, 52, .16);
    }
    .hw-care-hero h1,
    .hw-program-hero h1,
    .hw-women-hero h1,
    .hw-preventive-hero h1 {
        margin-top: 1.1rem;
        max-width: 780px;
        font-size: clamp(2rem, 4.2vw, 4rem);
        font-weight: 680;
        line-height: .98;
        letter-spacing: -.055em;
    }
    .hw-care-hero p,
    .hw-program-hero > div > p,
    .hw-women-hero > div > p,
    .hw-preventive-hero > div > p {
        margin-top: 1rem;
        max-width: 730px;
        color: rgba(226, 245, 250, .78);
        font-size: .98rem;
        line-height: 1.8;
    }
    .hw-care-hero-chip {
        display: inline-flex;
        align-items: center;
        gap: .45rem;
        border: 1px solid rgba(255, 255, 255, .12);
        border-radius: 999px;
        background: rgba(255, 255, 255, .07);
        padding: .55rem .8rem;
    }
    .hw-care-hero-chip svg { width: 1rem; height: 1rem; }
    .hw-care-hero-visual,
    .hw-women-orbit,
    .hw-preventive-orbit {
        position: absolute;
        right: clamp(-4rem, 2vw, 2rem);
        bottom: -6rem;
        width: 22rem;
        height: 22rem;
        border: 1px solid rgba(103, 232, 249, .18);
        border-radius: 50%;
    }
    .hw-care-hero-visual::before,
    .hw-care-hero-visual::after,
    .hw-women-orbit::before,
    .hw-preventive-orbit::before {
        content: "";
        position: absolute;
        inset: 2.2rem;
        border: 1px solid rgba(255, 255, 255, .1);
        border-radius: inherit;
    }
    .hw-care-hero-visual::after { inset: 5rem; }
    .hw-care-hero-visual > span,
    .hw-women-orbit > span,
    .hw-preventive-orbit > span {
        position: absolute;
        left: 50%;
        top: 50%;
        display: grid;
        width: 5.2rem;
        height: 5.2rem;
        place-items: center;
        border: 1px solid rgba(255,255,255,.18);
        border-radius: 1.6rem;
        background: rgba(255,255,255,.11);
        color: #a5f3fc;
        box-shadow: 0 20px 50px rgba(0,0,0,.2);
        transform: translate(-50%, -50%);
        backdrop-filter: blur(12px);
    }
    .hw-care-hero-visual > span svg,
    .hw-women-orbit > span svg,
    .hw-preventive-orbit > span svg { width: 2rem; height: 2rem; }

    .hw-care-stat {
        min-width: 0;
        border: 1px solid rgba(203, 213, 225, .75);
        border-radius: 24px;
        background: var(--panel);
        padding: 1.25rem;
        box-shadow: var(--shadow-card);
    }
    .hw-care-stat small { display: block; color: #64748b; font-size: .68rem; font-weight: 750; letter-spacing: .14em; text-transform: uppercase; }
    .hw-care-stat strong { display: block; margin-top: .55rem; color: #0f172a; font-size: 1.65rem; font-weight: 680; letter-spacing: -.035em; }
    .hw-care-stat p { margin-top: .45rem; color: #64748b; font-size: .78rem; line-height: 1.65; }

    .hw-care-program-card {
        --care-accent: #06b6d4;
        display: flex;
        min-width: 0;
        gap: 1.1rem;
        border: 1px solid rgba(203, 213, 225, .78);
        border-radius: 28px;
        background: linear-gradient(150deg, #fff 0%, rgba(248,250,252,.95) 100%);
        padding: clamp(1.15rem, 2.5vw, 1.75rem);
        box-shadow: var(--shadow-card);
    }
    .hw-care-program-icon,
    .hw-program-hero-icon,
    .hw-dashboard-program-icon {
        display: grid;
        flex: 0 0 auto;
        width: 3.25rem;
        height: 3.25rem;
        place-items: center;
        border-radius: 1.15rem;
        background: var(--care-soft, #ecfeff);
        color: var(--care-accent, #0891b2);
    }
    .hw-care-program-icon svg,
    .hw-program-hero-icon svg,
    .hw-dashboard-program-icon svg { width: 1.4rem; height: 1.4rem; }
    .hw-care-program-card small { color: var(--care-accent); font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
    .hw-care-program-card h3 { margin-top: .55rem; color: #0f172a; font-size: 1.35rem; font-weight: 680; letter-spacing: -.025em; }
    .hw-care-program-card > div > p { margin-top: .55rem; color: #64748b; font-size: .86rem; line-height: 1.7; }
    .hw-care-program-safety,
    .hw-program-safety {
        display: flex;
        align-items: flex-start;
        gap: .55rem;
        margin-top: 1rem;
        border-radius: 14px;
        background: var(--care-soft, #f8fafc);
        padding: .75rem .85rem;
        color: #475569;
        font-size: .72rem;
        line-height: 1.55;
    }
    .hw-care-program-safety svg,
    .hw-program-safety svg { width: 1rem; height: 1rem; flex: 0 0 auto; color: var(--care-accent, #0891b2); }
    .hw-care-last-entry { display: inline-flex; align-items: center; color: #64748b; font-size: .72rem; font-weight: 650; }
    .hw-care-boundary {
        display: flex;
        gap: .8rem;
        border: 1px solid #e2e8f0;
        border-radius: 18px;
        background: #f8fafc;
        padding: 1rem;
    }
    .hw-care-boundary > span { display: grid; width: 2.25rem; height: 2.25rem; flex: 0 0 auto; place-items: center; border-radius: .8rem; background: #fff; color: #0e7490; }
    .hw-care-boundary > span svg { width: 1.1rem; height: 1.1rem; }
    .hw-care-boundary small { display: block; color: #64748b; font-size: .65rem; font-weight: 800; text-transform: uppercase; }
    .hw-care-boundary strong { display: block; margin-top: .25rem; color: #0f172a; font-size: .78rem; line-height: 1.5; }

    .hw-program-hero { display: grid; gap: 2rem; grid-template-columns: minmax(0, 1fr) minmax(230px, .34fr); align-items: end; }
    .hw-program-back { display: inline-flex; align-items: center; gap: .5rem; color: rgba(207,250,254,.8); font-size: .78rem; font-weight: 700; }
    .hw-program-back svg { width: 1rem; height: 1rem; }
    .hw-program-hero-metric { position: relative; z-index: 2; border: 1px solid rgba(255,255,255,.16); border-radius: 24px; background: rgba(255,255,255,.09); padding: 1.25rem; backdrop-filter: blur(12px); }
    .hw-program-hero-metric small { display: block; color: rgba(207,250,254,.68); font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
    .hw-program-hero-metric strong { display: block; margin-top: .55rem; font-size: 1.25rem; }
    .hw-program-hero-metric span { display: block; margin-top: .35rem; color: rgba(226,232,240,.7); font-size: .75rem; }
    .hw-choice-card { display: flex; align-items: center; gap: .7rem; border: 1px solid #dbe3ec; border-radius: 16px; background: #fff; padding: .85rem; cursor: pointer; }
    .hw-choice-card:has(input:checked) { border-color: #22d3ee; background: #ecfeff; box-shadow: 0 0 0 3px rgba(34,211,238,.12); }
    .hw-choice-card input { width: 1rem; height: 1rem; }
    .hw-toggle-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; border: 1px solid #e2e8f0; border-radius: 18px; background: #f8fafc; padding: 1rem; }
    .hw-care-entry,
    .hw-preventive-item {
        display: grid;
        grid-template-columns: auto minmax(0,1fr) auto;
        gap: .85rem;
        align-items: center;
        border: 1px solid #e2e8f0;
        border-radius: 18px;
        background: #fff;
        padding: 1rem;
    }
    .hw-care-entry strong,
    .hw-preventive-item strong { color: #0f172a; font-size: .86rem; }
    .hw-care-entry small,
    .hw-preventive-item small { display: block; margin-top: .25rem; color: #64748b; font-size: .7rem; }
    .hw-care-insight { border: 1px solid #ddd6fe; border-radius: 22px; background: linear-gradient(145deg,#f5f3ff,#fff); padding: 1.2rem; }
    .hw-wavy-care-card { border: 1px solid #c4b5fd; border-radius: 26px; background: linear-gradient(145deg,#2e1065,#4c1d95); padding: 1.35rem; color: #fff; box-shadow: 0 20px 45px rgba(76,29,149,.18); }
    .hw-wavy-care-card-pink { border-color: #f9a8d4; background: linear-gradient(145deg,#831843,#9d174d); }
    .hw-wavy-care-input { width: 100%; min-height: 6rem; border: 1px solid rgba(255,255,255,.16); border-radius: 18px; background: rgba(255,255,255,.1); padding: .9rem 1rem; color: #fff; }
    .hw-wavy-care-input::-moz-placeholder { color: rgba(255,255,255,.52); }
    .hw-wavy-care-input::placeholder { color: rgba(255,255,255,.52); }

    .hw-women-hero { background: linear-gradient(135deg,#3b0a2a 0%,#831843 55%,#9f3b70 100%); }
    .hw-preventive-hero { background: linear-gradient(135deg,#052e2b 0%,#065f46 58%,#0f766e 100%); }
    .hw-private-preview { display: grid; min-height: 260px; place-items: center; border: 1px dashed #f9a8d4; border-radius: 26px; background: linear-gradient(145deg,#fdf2f8,#fff); padding: 2rem; text-align: center; }
    .hw-private-preview > span { display: grid; width: 4rem; height: 4rem; place-items: center; border-radius: 1.4rem; background: #fce7f3; color: #be185d; }
    .hw-private-preview > span svg { width: 1.8rem; height: 1.8rem; }
    .hw-error { margin-top: .4rem; color: #dc2626; font-size: .72rem; }

    .hw-dashboard-care { border: 1px solid rgba(203,213,225,.75); border-radius: 28px; background: linear-gradient(145deg,#fff,#f8fbfd); padding: clamp(1.2rem,2.8vw,1.8rem); box-shadow: var(--shadow-card); }
    .hw-dashboard-care-head { display: flex; flex-direction: column; gap: 1rem; }
    .hw-dashboard-care-grid { display: grid; gap: .85rem; margin-top: 1.2rem; grid-template-columns: repeat(1,minmax(0,1fr)); }
    .hw-dashboard-program { --care-accent:#0891b2; display: flex; min-width: 0; align-items: center; gap: .9rem; border: 1px solid #e2e8f0; border-radius: 20px; background: #fff; padding: .95rem; }
    .hw-dashboard-program:hover { border-color: color-mix(in srgb, var(--care-accent) 42%, #e2e8f0); transform: translateY(-2px); box-shadow: 0 12px 26px rgba(15,23,42,.07); }
    .hw-dashboard-program small { display: block; color: var(--care-accent); font-size: .62rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
    .hw-dashboard-program strong { display: block; margin-top: .18rem; color: #0f172a; font-size: .88rem; }
    .hw-dashboard-program p { margin-top: .28rem; overflow: hidden; color: #475569; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
    .hw-dashboard-program > div > span { display: block; margin-top: .35rem; color: #94a3b8; font-size: .65rem; }
    .hw-dashboard-program > svg { flex: 0 0 auto; color: #94a3b8; }
    .hw-dashboard-care-empty { display: grid; gap: 1rem; margin-top: 1.2rem; border: 1px dashed #cbd5e1; border-radius: 22px; background: rgba(248,250,252,.8); padding: 1rem; }
    .hw-dashboard-care-empty-copy { display: flex; align-items: center; gap: .85rem; }
    .hw-dashboard-care-empty-copy > span { display: grid; width: 3rem; height: 3rem; place-items: center; border-radius: 1rem; background: #ecfeff; color: #0e7490; }
    .hw-dashboard-care-empty-copy strong { display: block; color:#0f172a; font-size:.86rem; }
    .hw-dashboard-care-empty-copy p { margin-top:.25rem; color:#64748b; font-size:.72rem; line-height:1.55; }
    .hw-dashboard-care-options { display:grid; gap:.65rem; grid-template-columns:repeat(1,minmax(0,1fr)); }
    .hw-dashboard-care-option { display:flex; align-items:center; gap:.65rem; border:1px solid #e2e8f0; border-radius:16px; background:#fff; padding:.75rem; color:#475569; }
    .hw-dashboard-care-option > svg { width:1.1rem; height:1.1rem; }
    .hw-dashboard-care-option strong { display:block; color:#0f172a; font-size:.75rem; }
    .hw-dashboard-care-option small { display:block; color:#94a3b8; font-size:.62rem; }

    .hw-mkt-container { width: min(1180px, calc(100% - 2rem)); margin-inline: auto; }
    .hw-mkt-nav { position: sticky; top: 0; z-index: 50; border-bottom: 1px solid rgba(203,213,225,.65); background: rgba(248,251,252,.88); backdrop-filter: blur(18px); }
    .hw-mkt-nav-inner { display:flex; min-height:76px; align-items:center; justify-content:space-between; gap:1rem; }
    .hw-mkt-links { display:none; align-items:center; gap:1.25rem; color:#475569; font-size:.78rem; font-weight:650; }
    .hw-mkt-links a:hover { color:#0f766e; }
    .hw-mkt-hero { position:relative; overflow:hidden; background: radial-gradient(circle at 75% 20%,rgba(45,212,191,.18),transparent 28rem),linear-gradient(160deg,#f7fbfb 0%,#edf8f5 58%,#f8fafc 100%); padding:clamp(4rem,8vw,7.5rem) 0; }
    .hw-mkt-hero-grid { display:grid; align-items:center; gap:3rem; }
    .hw-mkt-hero-copy { position:relative; z-index:2; min-width:0; }
    .hw-mkt-eyebrow,
    .hw-mkt-kicker { display:inline-flex; align-items:center; gap:.5rem; color:#0f766e; font-size:.7rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
    .hw-mkt-eyebrow svg { width:1rem; height:1rem; }
    .hw-mkt-eyebrow-light { color:#99f6e4; }
    .hw-mkt-hero h1 { margin-top:1.25rem; max-width:750px; color:#061b31; font-size:clamp(2.8rem,6vw,6rem); font-weight:680; line-height:.92; letter-spacing:-.07em; }
    .hw-mkt-hero-copy > p { margin-top:1.4rem; max-width:650px; color:#526273; font-size:clamp(.98rem,1.4vw,1.12rem); line-height:1.85; }
    .hw-mkt-pills { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1.5rem; }
    .hw-mkt-pills span { display:inline-flex; align-items:center; gap:.4rem; border:1px solid #cbded9; border-radius:999px; background:rgba(255,255,255,.72); padding:.55rem .75rem; color:#355b55; font-size:.7rem; font-weight:650; }
    .hw-mkt-pills svg { width:.9rem; height:.9rem; }
    .hw-mkt-product-stage { position:relative; min-height:480px; }
    .hw-mkt-dashboard-window { position:relative; z-index:3; overflow:hidden; border:1px solid rgba(255,255,255,.65); border-radius:30px; background:#fff; box-shadow:0 35px 90px rgba(4,47,46,.18); }
    .hw-mkt-window-bar { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #e2e8f0; padding:.85rem 1rem; }
    .hw-mkt-window-bar > span { display:flex; gap:.35rem; }
    .hw-mkt-window-bar i { width:.5rem; height:.5rem; border-radius:50%; background:#cbd5e1; }
    .hw-mkt-window-bar strong { color:#334155; font-size:.7rem; }
    .hw-mkt-window-body { padding:1rem; }
    .hw-mkt-window-hero { border-radius:22px; background:linear-gradient(135deg,#062a31,#075f5c); padding:1.25rem; color:#fff; }
    .hw-mkt-window-hero small { color:#99f6e4; font-size:.62rem; font-weight:800; text-transform:uppercase; }
    .hw-mkt-window-hero h3 { margin-top:.45rem; font-size:1.5rem; font-weight:650; letter-spacing:-.035em; }
    .hw-mkt-window-grid { display:grid; gap:.7rem; margin-top:.8rem; grid-template-columns:repeat(2,minmax(0,1fr)); }
    .hw-mkt-window-grid > div { border:1px solid #e2e8f0; border-radius:16px; padding:.8rem; }
    .hw-mkt-window-grid small { display:block; color:#64748b; font-size:.58rem; text-transform:uppercase; }
    .hw-mkt-window-grid strong { display:block; margin-top:.3rem; color:#0f172a; font-size:.85rem; }
    .hw-mkt-window-action { margin-top:.8rem; border-radius:16px; background:#eefbf7; padding:.85rem; color:#065f46; font-size:.72rem; font-weight:700; }
    .hw-mkt-float { position:absolute; z-index:4; border:1px solid rgba(255,255,255,.7); border-radius:18px; background:rgba(255,255,255,.9); padding:.8rem 1rem; box-shadow:0 16px 40px rgba(15,23,42,.12); backdrop-filter:blur(12px); }
    .hw-mkt-float-a { left:-1.3rem; bottom:3.5rem; }
    .hw-mkt-float-b { right:-1rem; top:4rem; }
    .hw-mkt-float small { display:block; color:#64748b; font-size:.58rem; text-transform:uppercase; }
    .hw-mkt-float strong { display:block; margin-top:.25rem; color:#0f172a; font-size:.75rem; }
    .hw-mkt-section { padding:clamp(4rem,8vw,7rem) 0; }
    .hw-mkt-heading { max-width:780px; color:#071c33; font-size:clamp(2.25rem,4.8vw,4.7rem); font-weight:670; line-height:.98; letter-spacing:-.06em; }
    .hw-mkt-heading-light { color:#fff; }
    .hw-mkt-trust-strip { display:grid; border-block:1px solid #dbe9e5; background:#f7fbfa; }
    .hw-mkt-trust-strip > div { padding:1rem; text-align:center; }
    .hw-mkt-trust-strip strong { display:block; color:#082f32; font-size:.8rem; }
    .hw-mkt-trust-strip small { display:block; margin-top:.25rem; color:#64748b; font-size:.65rem; }
    .hw-mkt-feature-split { display:grid; overflow:hidden; min-height:560px; border:1px solid rgba(203,213,225,.68); border-radius:36px; box-shadow:0 24px 70px rgba(15,23,42,.08); }
    .hw-mkt-feature-copy,
    .hw-mkt-feature-visual { min-width:0; padding:clamp(2rem,5vw,4rem); }
    .hw-mkt-feature-copy { display:flex; flex-direction:column; justify-content:center; background:#e8f6f1; }
    .hw-mkt-feature-copy h2 { margin-top:1rem; max-width:600px; color:#043f36; font-size:clamp(2.2rem,4.4vw,4.6rem); font-weight:680; line-height:.96; letter-spacing:-.065em; }
    .hw-mkt-feature-copy > p { margin-top:1.2rem; max-width:620px; color:#47746e; font-size:.96rem; line-height:1.75; }
    .hw-mkt-feature-visual { position:relative; display:grid; place-items:center; overflow:hidden; background:#064f45; color:#fff; }
    .hw-mkt-feature-reverse .hw-mkt-feature-visual { order:2; }
    .hw-mkt-feature-reverse .hw-mkt-feature-copy { order:1; }
    .hw-mkt-feature-dark .hw-mkt-feature-copy { background:#071c33; }
    .hw-mkt-feature-dark .hw-mkt-feature-copy h2 { color:#fff; }
    .hw-mkt-feature-dark .hw-mkt-feature-copy > p { color:#9fb3c6; }
    .hw-mkt-feature-cyan .hw-mkt-feature-visual { background:#075f69; }
    .hw-mkt-feature-violet .hw-mkt-feature-visual { background:#35166b; }
    .hw-mkt-feature-emerald .hw-mkt-feature-visual { background:#064e3b; }
    .hw-mkt-feature-stack { width:min(100%,430px); display:grid; gap:.75rem; }
    .hw-mkt-record,
    .hw-mkt-program,
    .hw-mkt-nutrition-card,
    .hw-mkt-account-menu { border:1px solid rgba(255,255,255,.16); border-radius:22px; background:rgba(255,255,255,.1); padding:1rem; backdrop-filter:blur(14px); box-shadow:0 20px 50px rgba(0,0,0,.12); }
    .hw-mkt-record { display:flex; align-items:center; gap:.8rem; }
    .hw-mkt-record > span { display:grid; width:2.7rem; height:2.7rem; place-items:center; border-radius:.9rem; background:rgba(255,255,255,.13); }
    .hw-mkt-record strong { display:block; font-size:.8rem; }
    .hw-mkt-record small { display:block; margin-top:.2rem; color:rgba(255,255,255,.62); font-size:.62rem; }
    .hw-mkt-program-grid { display:grid; gap:.75rem; width:min(100%,450px); grid-template-columns:repeat(2,minmax(0,1fr)); }
    .hw-mkt-program { min-height:135px; }
    .hw-mkt-program svg { width:1.25rem; height:1.25rem; color:#99f6e4; }
    .hw-mkt-program strong { display:block; margin-top:1rem; font-size:.78rem; }
    .hw-mkt-program small { display:block; margin-top:.3rem; color:rgba(255,255,255,.6); font-size:.6rem; line-height:1.45; }
    .hw-mkt-program-cta { grid-column:1/-1; border-radius:18px; background:#fff; padding:.85rem; color:#065f46; text-align:center; font-size:.72rem; font-weight:800; }
    .hw-mkt-phone-card { width:min(100%,330px); border:1px solid rgba(255,255,255,.18); border-radius:32px; background:rgba(255,255,255,.1); padding:1rem; box-shadow:0 30px 70px rgba(0,0,0,.2); }
    .hw-mkt-phone-head { display:flex; align-items:center; justify-content:space-between; color:rgba(255,255,255,.72); font-size:.65rem; }
    .hw-mkt-macro-row { display:grid; gap:.5rem; margin-top:1rem; grid-template-columns:repeat(3,1fr); }
    .hw-mkt-macro-row > div { border-radius:14px; background:rgba(255,255,255,.1); padding:.65rem; text-align:center; }
    .hw-mkt-macro-row strong { display:block; font-size:.8rem; }
    .hw-mkt-macro-row small { display:block; margin-top:.2rem; color:rgba(255,255,255,.55); font-size:.55rem; }
    .hw-mkt-grocery { margin-top:.75rem; border-radius:18px; background:rgba(255,255,255,.12); padding:.8rem; }
    .hw-mkt-grocery div { display:flex; align-items:center; gap:.5rem; padding:.35rem 0; font-size:.68rem; }
    .hw-mkt-grocery i { width:.8rem; height:.8rem; border:1px solid rgba(255,255,255,.4); border-radius:.25rem; }
    .hw-mkt-save { margin-top:.8rem; border-radius:14px; background:#fff; padding:.7rem; color:#4c1d95; text-align:center; font-size:.7rem; font-weight:800; }
    .hw-mkt-account-menu { width:min(100%,360px); }
    .hw-mkt-account-menu > div { display:flex; align-items:center; gap:.8rem; border-bottom:1px solid rgba(255,255,255,.12); padding:.8rem 0; }
    .hw-mkt-account-menu > div:last-child { border-bottom:0; }
    .hw-mkt-account-menu > div > span { display:grid; width:2.3rem; height:2.3rem; place-items:center; border-radius:.8rem; background:rgba(255,255,255,.1); }
    .hw-mkt-account-menu strong { display:block; font-size:.76rem; }
    .hw-mkt-account-menu small { display:block; margin-top:.2rem; color:rgba(255,255,255,.56); font-size:.58rem; }
    .hw-mkt-proof-row { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1.4rem; }
    .hw-mkt-proof-row span { display:inline-flex; align-items:center; gap:.4rem; border:1px solid rgba(6,78,59,.12); border-radius:999px; background:rgba(255,255,255,.55); padding:.5rem .7rem; color:#315f58; font-size:.66rem; font-weight:650; }
    .hw-mkt-proof-row svg { width:.85rem; height:.85rem; }
    .hw-mkt-program-section { background:#061b31; color:#fff; }
    .hw-mkt-care-flow { display:grid; gap:1rem; margin-top:2rem; }
    .hw-mkt-care-flow article { border:1px solid rgba(255,255,255,.1); border-radius:24px; background:rgba(255,255,255,.06); padding:1.2rem; }
    .hw-mkt-care-flow span { display:grid; width:2.6rem; height:2.6rem; place-items:center; border-radius:.9rem; background:rgba(45,212,191,.12); color:#5eead4; }
    .hw-mkt-care-flow h3 { margin-top:1rem; font-size:1rem; font-weight:650; }
    .hw-mkt-care-flow p { margin-top:.5rem; color:#9fb3c6; font-size:.75rem; line-height:1.65; }
    .hw-mkt-reliability-grid { display:grid; gap:1rem; }
    .hw-mkt-reliability-main,
    .hw-mkt-reliability-card { border:1px solid #d7e5e1; border-radius:26px; background:#fff; padding:1.3rem; }
    .hw-mkt-reliability-main { background:linear-gradient(145deg,#063d38,#075f55); color:#fff; }
    .hw-mkt-reliability-icon { display:grid; width:3rem; height:3rem; place-items:center; border-radius:1rem; background:rgba(255,255,255,.12); }
    .hw-mkt-reliability-main h3,
    .hw-mkt-reliability-card h3 { margin-top:1rem; font-size:1.1rem; font-weight:650; }
    .hw-mkt-reliability-main p { margin-top:.6rem; color:#b8d9d3; font-size:.78rem; line-height:1.7; }
    .hw-mkt-reliability-card p { margin-top:.6rem; color:#64748b; font-size:.78rem; line-height:1.7; }
    .hw-mkt-boundary-grid { display:grid; gap:.8rem; margin-top:1.2rem; }
    .hw-mkt-boundary-grid > div { display:flex; gap:.65rem; border:1px solid rgba(255,255,255,.12); border-radius:18px; background:rgba(255,255,255,.06); padding:.85rem; }
    .hw-mkt-ai-grid { display:grid; gap:2rem; align-items:center; }
    .hw-mkt-ai-title { margin-top:1rem; color:#fff; font-size:clamp(2.4rem,5vw,5rem); font-weight:670; line-height:.96; letter-spacing:-.065em; }
    .hw-mkt-ai-copy > p { margin-top:1.2rem; max-width:640px; color:#a9b8ce; line-height:1.8; }
    .hw-mkt-ai-visual { position:relative; min-height:420px; }
    .hw-mkt-ai-core { position:absolute; left:50%; top:50%; display:grid; width:8rem; height:8rem; place-items:center; border-radius:2.3rem; background:linear-gradient(145deg,#7c3aed,#4c1d95); color:#fff; box-shadow:0 30px 80px rgba(124,58,237,.35); transform:translate(-50%,-50%); }
    .hw-mkt-ai-core svg { width:2.6rem; height:2.6rem; }
    .hw-mkt-ai-message { position:absolute; max-width:230px; border:1px solid rgba(255,255,255,.14); border-radius:20px; background:rgba(255,255,255,.08); padding:1rem; color:#fff; backdrop-filter:blur(12px); }
    .hw-mkt-ai-message-a { left:0; top:2rem; }
    .hw-mkt-ai-message-b { right:0; bottom:2rem; }
    .hw-mkt-ai-message small { display:block; color:#c4b5fd; font-size:.6rem; font-weight:800; text-transform:uppercase; }
    .hw-mkt-ai-message p { margin-top:.45rem; color:#d4d4e8; font-size:.72rem; line-height:1.55; }
    .hw-mkt-deep-section { background:#eef8f5; }
    .hw-mkt-deep-map { display:grid; gap:1rem; }
    .hw-mkt-deep-card { border:1px solid #d4e7e1; border-radius:24px; background:#fff; padding:1.25rem; }
    .hw-mkt-deep-card > span { display:grid; width:2.6rem; height:2.6rem; place-items:center; border-radius:.9rem; background:#ecfdf5; color:#047857; }
    .hw-mkt-deep-card h3 { margin-top:1rem; color:#0f172a; font-size:1rem; font-weight:650; }
    .hw-mkt-deep-card p { margin-top:.5rem; color:#64748b; font-size:.75rem; line-height:1.65; }
    .hw-mkt-final-title { color:#071c33; font-size:clamp(2.4rem,5vw,4.8rem); font-weight:670; line-height:.98; letter-spacing:-.06em; }
    .hw-mkt-footer { border-top:1px solid #dbe5e8; background:#f7fafb; padding:2rem 0; }
    .hw-mkt-footer > div { display:grid; gap:1.5rem; }
    .hw-mkt-footer p { margin-top:.5rem; color:#64748b; font-size:.72rem; }
    .hw-mkt-footer nav { display:flex; flex-wrap:wrap; gap:1rem; color:#475569; font-size:.72rem; font-weight:650; }
    .hw-mkt-footer small { color:#94a3b8; font-size:.65rem; line-height:1.55; }

    .hw-platform-hero { position:relative; overflow:hidden; background:linear-gradient(150deg,#031827 0%,#063b3d 70%,#075f55 100%); padding:clamp(5rem,9vw,8rem) 0; color:#fff; }
    .hw-platform-hero-grid { display:grid; align-items:center; gap:3rem; }
    .hw-platform-back { display:inline-flex; align-items:center; gap:.5rem; color:#99f6e4; font-size:.72rem; font-weight:750; }
    .hw-platform-hero h1 { margin-top:1.3rem; max-width:760px; font-size:clamp(2.8rem,6vw,6rem); font-weight:680; line-height:.92; letter-spacing:-.07em; }
    .hw-platform-hero p { margin-top:1.3rem; max-width:700px; color:#b9d2d1; font-size:1rem; line-height:1.8; }
    .hw-platform-section { padding:clamp(4.5rem,8vw,7.5rem) 0; }
    .hw-platform-section-dark { background:#061b31; color:#fff; }
    .hw-platform-section-slate { background:#f1f5f9; }
    .hw-platform-section-violet { background:linear-gradient(145deg,#1e103d,#35166b); color:#fff; }
    .hw-platform-plan-section { background:#032b2c; color:#fff; }
    .hw-platform-section-head { display:grid; gap:1.2rem; }
    .hw-platform-section-head > span { display:grid; width:3rem; height:3rem; place-items:center; border-radius:1rem; background:#dff7ef; color:#047857; font-size:.72rem; font-weight:800; }
    .hw-platform-section-head small { color:#0f766e; font-size:.68rem; font-weight:800; letter-spacing:.16em; }
    .hw-platform-section-head h2 { margin-top:.75rem; max-width:850px; color:#071c33; font-size:clamp(2.25rem,5vw,4.8rem); font-weight:670; line-height:.98; letter-spacing:-.06em; }
    .hw-platform-section-head p { margin-top:1rem; max-width:760px; color:#64748b; line-height:1.8; }
    .hw-platform-section-head-light > span { background:rgba(45,212,191,.12); color:#5eead4; }
    .hw-platform-section-head-light small { color:#99f6e4; }
    .hw-platform-section-head-light h2 { color:#fff; }
    .hw-platform-section-head-light p { color:#a9bac8; }
    .hw-platform-map-grid,
    .hw-platform-detail-grid,
    .hw-platform-privacy-grid,
    .hw-platform-benefit-row,
    .hw-platform-wavy-grid,
    .hw-platform-plan-grid { display:grid; gap:1rem; margin-top:2rem; }
    .hw-platform-map-grid article,
    .hw-platform-detail-grid article,
    .hw-platform-privacy-grid article,
    .hw-platform-benefit-row article,
    .hw-platform-wavy-grid article,
    .hw-platform-plan-grid article { border:1px solid #dde6ec; border-radius:24px; background:#fff; padding:1.25rem; }
    .hw-platform-map-grid span,
    .hw-platform-detail-grid span,
    .hw-platform-privacy-grid span,
    .hw-platform-wavy-grid span { display:grid; width:2.7rem; height:2.7rem; place-items:center; border-radius:.95rem; background:#ecfdf5; color:#047857; }
    .hw-platform-map-grid h3,
    .hw-platform-detail-grid h3,
    .hw-platform-privacy-grid h3,
    .hw-platform-benefit-row strong,
    .hw-platform-wavy-grid h3 { margin-top:1rem; color:#0f172a; font-size:1rem; font-weight:650; }
    .hw-platform-map-grid p,
    .hw-platform-detail-grid p,
    .hw-platform-privacy-grid p,
    .hw-platform-benefit-row p,
    .hw-platform-wavy-grid p { margin-top:.5rem; color:#64748b; font-size:.76rem; line-height:1.7; }
    .hw-platform-flow { display:grid; gap:.6rem; margin-top:2rem; }
    .hw-platform-flow > div { display:flex; align-items:center; gap:.8rem; border:1px solid #dde6ec; border-radius:18px; background:#fff; padding:.9rem; }
    .hw-platform-flow b { display:grid; width:2rem; height:2rem; place-items:center; border-radius:.7rem; background:#071c33; color:#fff; font-size:.65rem; }
    .hw-platform-program-detail { border:1px solid rgba(255,255,255,.12); border-radius:28px; background:rgba(255,255,255,.06); padding:1.3rem; }
    .hw-platform-safety-band { display:flex; gap:1rem; margin-top:2rem; border:1px solid #fed7aa; border-radius:24px; background:#fff7ed; padding:1.2rem; color:#9a3412; }
    .hw-platform-safety-band > svg { width:1.4rem; height:1.4rem; flex:0 0 auto; }
    .hw-platform-safety-band strong { color:#7c2d12; }
    .hw-platform-safety-band p { margin-top:.45rem; font-size:.76rem; line-height:1.7; }
    .hw-platform-lab-grid { display:grid; gap:1rem; margin-top:2rem; }
    .hw-platform-lab-main { border-radius:30px; background:linear-gradient(145deg,#063b3d,#075f55); padding:1.5rem; }
    .hw-platform-lab-form { display:grid; gap:.8rem; }
    .hw-platform-lab-form > div { border:1px solid rgba(255,255,255,.12); border-radius:16px; background:rgba(255,255,255,.08); padding:.8rem; color:#fff; }
    .hw-platform-lab-form small { display:block; color:#99f6e4; font-size:.58rem; text-transform:uppercase; }
    .hw-platform-lab-form strong { display:block; margin-top:.3rem; font-size:.82rem; }
    .hw-platform-lab-form > span { display:flex; align-items:center; gap:.5rem; border-radius:16px; background:#fff; padding:.8rem; color:#047857; font-size:.72rem; font-weight:750; }
    .hw-platform-timeline { display:grid; gap:.75rem; margin-top:2rem; }
    .hw-platform-timeline article { border:1px solid #e2e8f0; border-radius:22px; background:#fff; padding:1.1rem; }
    .hw-platform-timeline i { display:none; }
    .hw-platform-timeline span { display:grid; width:2.5rem; height:2.5rem; place-items:center; border-radius:.85rem; background:#ecfeff; color:#0e7490; }
    .hw-platform-timeline small { display:block; margin-top:.8rem; color:#64748b; font-size:.6rem; font-weight:800; text-transform:uppercase; }
    .hw-platform-timeline h3 { margin-top:.35rem; color:#0f172a; font-size:.88rem; font-weight:650; }
    .hw-platform-wavy-grid article { border-color:rgba(255,255,255,.12); background:rgba(255,255,255,.06); }
    .hw-platform-wavy-grid span { background:rgba(196,181,253,.12); color:#c4b5fd; }
    .hw-platform-wavy-grid h3 { color:#fff; }
    .hw-platform-wavy-grid p { color:#b9b7cc; }
    .hw-platform-principles { display:grid; gap:.8rem; margin-top:2rem; }
    .hw-platform-principles > div { display:flex; gap:.8rem; border:1px solid #e2e8f0; border-radius:20px; background:#f8fafc; padding:1rem; }
    .hw-platform-principles span { display:grid; width:2.4rem; height:2.4rem; flex:0 0 auto; place-items:center; border-radius:.8rem; background:#fff; color:#047857; }
    .hw-platform-principles strong { color:#0f172a; font-size:.8rem; }
    .hw-platform-principles p { margin-top:.3rem; color:#64748b; font-size:.7rem; line-height:1.55; }
    .hw-platform-plan-grid article { border-color:rgba(255,255,255,.12); background:rgba(255,255,255,.06); color:#fff; }
    .hw-platform-plan-grid article.is-featured { border-color:#5eead4; background:rgba(45,212,191,.1); transform:translateY(-6px); }
    .hw-platform-plan-grid small { color:#99f6e4; font-size:.65rem; font-weight:800; text-transform:uppercase; }
    .hw-platform-plan-grid h3 { margin-top:.6rem; font-size:2rem; font-weight:680; }
    .hw-platform-plan-grid h3 span { font-size:.7rem; color:#a7c0bf; }
    .hw-platform-plan-grid p { margin-top:.7rem; color:#b6c9c8; font-size:.76rem; line-height:1.7; }
    .hw-platform-plan-grid ul { margin-top:1rem; display:grid; gap:.5rem; color:#d8e6e5; font-size:.72rem; }
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none {
  pointer-events: none;
}
.visible {
  visibility: visible;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.-bottom-52 {
  bottom: -13rem;
}
.-left-40 {
  left: -10rem;
}
.-right-20 {
  right: -5rem;
}
.-right-32 {
  right: -8rem;
}
.-right-5 {
  right: -1.25rem;
}
.-top-20 {
  top: -5rem;
}
.-top-40 {
  top: -10rem;
}
.end-0 {
  inset-inline-end: 0px;
}
.left-0 {
  left: 0px;
}
.left-3\.5 {
  left: 0.875rem;
}
.left-4 {
  left: 1rem;
}
.start-0 {
  inset-inline-start: 0px;
}
.top-0 {
  top: 0px;
}
.top-1\/2 {
  top: 50%;
}
.top-8 {
  top: 2rem;
}
.-z-10 {
  z-index: -10;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[80\] {
  z-index: 80;
}
.col-span-full {
  grid-column: 1 / -1;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.-me-2 {
  margin-inline-end: -0.5rem;
}
.-ml-px {
  margin-left: -1px;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-9 {
  margin-bottom: 2.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.ms-1 {
  margin-inline-start: 0.25rem;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-1\.5 {
  margin-top: 0.375rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-7 {
  margin-top: 1.75rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-auto {
  margin-top: auto;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.\!size-10 {
  width: 2.5rem !important;
  height: 2.5rem !important;
}
.\!size-8 {
  width: 2rem !important;
  height: 2rem !important;
}
.\!size-9 {
  width: 2.25rem !important;
  height: 2.25rem !important;
}
.size-10 {
  width: 2.5rem;
  height: 2.5rem;
}
.size-11 {
  width: 2.75rem;
  height: 2.75rem;
}
.size-14 {
  width: 3.5rem;
  height: 3.5rem;
}
.size-16 {
  width: 4rem;
  height: 4rem;
}
.size-2\.5 {
  width: 0.625rem;
  height: 0.625rem;
}
.size-20 {
  width: 5rem;
  height: 5rem;
}
.size-3 {
  width: 0.75rem;
  height: 0.75rem;
}
.size-3\.5 {
  width: 0.875rem;
  height: 0.875rem;
}
.size-4 {
  width: 1rem;
  height: 1rem;
}
.size-44 {
  width: 11rem;
  height: 11rem;
}
.size-5 {
  width: 1.25rem;
  height: 1.25rem;
}
.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}
.size-7 {
  width: 1.75rem;
  height: 1.75rem;
}
.size-72 {
  width: 18rem;
  height: 18rem;
}
.size-8 {
  width: 2rem;
  height: 2rem;
}
.size-9 {
  width: 2.25rem;
  height: 2.25rem;
}
.size-\[18px\] {
  width: 18px;
  height: 18px;
}
.size-\[34rem\] {
  width: 34rem;
  height: 34rem;
}
.size-\[38rem\] {
  width: 38rem;
  height: 38rem;
}
.h-1 {
  height: 0.25rem;
}
.h-1\.5 {
  height: 0.375rem;
}
.h-10 {
  height: 2.5rem;
}
.h-14 {
  height: 3.5rem;
}
.h-16 {
  height: 4rem;
}
.h-2 {
  height: 0.5rem;
}
.h-4 {
  height: 1rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-8 {
  height: 2rem;
}
.h-9 {
  height: 2.25rem;
}
.h-\[330px\] {
  height: 330px;
}
.h-\[720px\] {
  height: 720px;
}
.h-\[76px\] {
  height: 76px;
}
.h-\[78px\] {
  height: 78px;
}
.h-auto {
  height: auto;
}
.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}
.h-full {
  height: 100%;
}
.max-h-\[430px\] {
  max-height: 430px;
}
.max-h-\[620px\] {
  max-height: 620px;
}
.max-h-\[62vh\] {
  max-height: 62vh;
}
.\!min-h-0 {
  min-height: 0px !important;
}
.\!min-h-10 {
  min-height: 2.5rem !important;
}
.\!min-h-12 {
  min-height: 3rem !important;
}
.\!min-h-52 {
  min-height: 13rem !important;
}
.min-h-16 {
  min-height: 4rem;
}
.min-h-20 {
  min-height: 5rem;
}
.min-h-24 {
  min-height: 6rem;
}
.min-h-28 {
  min-height: 7rem;
}
.min-h-5 {
  min-height: 1.25rem;
}
.min-h-\[360px\] {
  min-height: 360px;
}
.min-h-\[430px\] {
  min-height: 430px;
}
.min-h-\[560px\] {
  min-height: 560px;
}
.min-h-\[70vh\] {
  min-height: 70vh;
}
.min-h-\[72px\] {
  min-height: 72px;
}
.min-h-\[74px\] {
  min-height: 74px;
}
.min-h-screen {
  min-height: 100vh;
}
.\!w-auto {
  width: auto !important;
}
.w-4 {
  width: 1rem;
}
.w-40 {
  width: 10rem;
}
.w-48 {
  width: 12rem;
}
.w-5 {
  width: 1.25rem;
}
.w-6 {
  width: 1.5rem;
}
.w-\[280px\] {
  width: 280px;
}
.w-\[292px\] {
  width: 292px;
}
.w-\[310px\] {
  width: 310px;
}
.w-auto {
  width: auto;
}
.w-full {
  width: 100%;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-\[300px\] {
  min-width: 300px;
}
.min-w-full {
  min-width: 100%;
}
.max-w-28 {
  max-width: 7rem;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-5xl {
  max-width: 64rem;
}
.max-w-6xl {
  max-width: 72rem;
}
.max-w-7xl {
  max-width: 80rem;
}
.max-w-\[13ch\] {
  max-width: 13ch;
}
.max-w-\[1500px\] {
  max-width: 1500px;
}
.max-w-\[15ch\] {
  max-width: 15ch;
}
.max-w-\[1700px\] {
  max-width: 1700px;
}
.max-w-\[1750px\] {
  max-width: 1750px;
}
.max-w-\[18ch\] {
  max-width: 18ch;
}
.max-w-\[19ch\] {
  max-width: 19ch;
}
.max-w-\[20ch\] {
  max-width: 20ch;
}
.max-w-\[250px\] {
  max-width: 250px;
}
.max-w-\[260px\] {
  max-width: 260px;
}
.max-w-\[560px\] {
  max-width: 560px;
}
.max-w-\[92\%\] {
  max-width: 92%;
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-sm {
  max-width: 24rem;
}
.max-w-xl {
  max-width: 36rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.shrink-0 {
  flex-shrink: 0;
}
.border-separate {
  border-collapse: separate;
}
.border-spacing-y-2 {
  --tw-border-spacing-y: 0.5rem;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.origin-top {
  transform-origin: top;
}
.-translate-x-full {
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-4 {
  --tw-translate-y: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-95 {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-default {
  cursor: default;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.list-decimal {
  list-style-type: decimal;
}
.list-disc {
  list-style-type: disc;
}
.list-none {
  list-style-type: none;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-\[1fr_110px\] {
  grid-template-columns: 1fr 110px;
}
.grid-cols-\[1fr_120px\] {
  grid-template-columns: 1fr 120px;
}
.grid-cols-\[1fr_130px\] {
  grid-template-columns: 1fr 130px;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.place-items-center {
  place-items: center;
}
.content-start {
  align-content: flex-start;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-items-center {
  justify-items: center;
}
.gap-0 {
  gap: 0px;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-px {
  gap: 1px;
}
.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-y-1 {
  row-gap: 0.25rem;
}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(2rem * var(--tw-space-x-reverse));
  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-slate-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-divide-opacity, 1));
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.break-all {
  word-break: break-all;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-\[22px\] {
  border-radius: 22px;
}
.rounded-\[24px\] {
  border-radius: 24px;
}
.rounded-\[26px\] {
  border-radius: 26px;
}
.rounded-\[28px\] {
  border-radius: 28px;
}
.rounded-\[30px\] {
  border-radius: 30px;
}
.rounded-\[32px\] {
  border-radius: 32px;
}
.rounded-\[34px\] {
  border-radius: 34px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-l-2xl {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.rounded-l-md {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.rounded-r-2xl {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.rounded-r-md {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-l-4 {
  border-left-width: 4px;
}
.border-r {
  border-right-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-dashed {
  border-style: dashed;
}
.\!border-cyan-200 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(165 243 252 / var(--tw-border-opacity, 1)) !important;
}
.\!border-white\/20 {
  border-color: rgb(255 255 255 / 0.2) !important;
}
.border-amber-200 {
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}
.border-amber-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
}
.border-amber-300\/20 {
  border-color: rgb(252 211 77 / 0.2);
}
.border-amber-300\/30 {
  border-color: rgb(252 211 77 / 0.3);
}
.border-blue-100 {
  --tw-border-opacity: 1;
  border-color: rgb(219 234 254 / var(--tw-border-opacity, 1));
}
.border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}
.border-blue-300 {
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
}
.border-cyan-100 {
  --tw-border-opacity: 1;
  border-color: rgb(207 250 254 / var(--tw-border-opacity, 1));
}
.border-cyan-200 {
  --tw-border-opacity: 1;
  border-color: rgb(165 243 252 / var(--tw-border-opacity, 1));
}
.border-cyan-200\/10 {
  border-color: rgb(165 243 252 / 0.1);
}
.border-cyan-300 {
  --tw-border-opacity: 1;
  border-color: rgb(103 232 249 / var(--tw-border-opacity, 1));
}
.border-cyan-300\/15 {
  border-color: rgb(103 232 249 / 0.15);
}
.border-emerald-100 {
  --tw-border-opacity: 1;
  border-color: rgb(209 250 229 / var(--tw-border-opacity, 1));
}
.border-emerald-200 {
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
}
.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-indigo-400 {
  --tw-border-opacity: 1;
  border-color: rgb(129 140 248 / var(--tw-border-opacity, 1));
}
.border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}
.border-red-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
}
.border-rose-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
}
.border-slate-100 {
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
}
.border-slate-200 {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.border-slate-200\/80 {
  border-color: rgb(226 232 240 / 0.8);
}
.border-slate-300 {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}
.border-transparent {
  border-color: transparent;
}
.border-violet-200 {
  --tw-border-opacity: 1;
  border-color: rgb(221 214 254 / var(--tw-border-opacity, 1));
}
.border-violet-200\/10 {
  border-color: rgb(221 214 254 / 0.1);
}
.border-white\/10 {
  border-color: rgb(255 255 255 / 0.1);
}
.border-white\/15 {
  border-color: rgb(255 255 255 / 0.15);
}
.border-white\/20 {
  border-color: rgb(255 255 255 / 0.2);
}
.border-white\/30 {
  border-color: rgb(255 255 255 / 0.3);
}
.border-white\/70 {
  border-color: rgb(255 255 255 / 0.7);
}
.\!bg-amber-400 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-amber-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-cyan-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-emerald-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-pink-50 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(253 242 248 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-slate-300 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-white\/10 {
  background-color: rgb(255 255 255 / 0.1) !important;
}
.bg-\[\#071c33\] {
  --tw-bg-opacity: 1;
  background-color: rgb(7 28 51 / var(--tw-bg-opacity, 1));
}
.bg-\[\#eef8f5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 248 245 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f2f7fb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(242 247 251 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f4f8fc\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 248 252 / var(--tw-bg-opacity, 1));
}
.bg-\[var\(--panel-strong\)\] {
  background-color: var(--panel-strong);
}
.bg-\[var\(--surface\)\] {
  background-color: var(--surface);
}
.bg-amber-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.bg-amber-300\/10 {
  background-color: rgb(252 211 77 / 0.1);
}
.bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.bg-amber-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}
.bg-amber-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
}
.bg-amber-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(120 53 15 / var(--tw-bg-opacity, 1));
}
.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.bg-blue-50\/80 {
  background-color: rgb(239 246 255 / 0.8);
}
.bg-blue-600\/20 {
  background-color: rgb(37 99 235 / 0.2);
}
.bg-cyan-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(207 250 254 / var(--tw-bg-opacity, 1));
}
.bg-cyan-300\/10 {
  background-color: rgb(103 232 249 / 0.1);
}
.bg-cyan-300\/15 {
  background-color: rgb(103 232 249 / 0.15);
}
.bg-cyan-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 211 238 / var(--tw-bg-opacity, 1));
}
.bg-cyan-400\/10 {
  background-color: rgb(34 211 238 / 0.1);
}
.bg-cyan-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 254 255 / var(--tw-bg-opacity, 1));
}
.bg-cyan-50\/30 {
  background-color: rgb(236 254 255 / 0.3);
}
.bg-cyan-50\/70 {
  background-color: rgb(236 254 255 / 0.7);
}
.bg-cyan-500\/20 {
  background-color: rgb(6 182 212 / 0.2);
}
.bg-cyan-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(8 145 178 / var(--tw-bg-opacity, 1));
}
.bg-cyan-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(14 116 144 / var(--tw-bg-opacity, 1));
}
.bg-cyan-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(21 94 117 / var(--tw-bg-opacity, 1));
}
.bg-emerald-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}
.bg-emerald-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}
.bg-emerald-50\/60 {
  background-color: rgb(236 253 245 / 0.6);
}
.bg-emerald-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}
.bg-emerald-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
}
.bg-emerald-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
}
.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}
.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.bg-indigo-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}
.bg-pink-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 242 248 / var(--tw-bg-opacity, 1));
}
.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.bg-red-400\/15 {
  background-color: rgb(248 113 113 / 0.15);
}
.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.bg-red-50\/80 {
  background-color: rgb(254 242 242 / 0.8);
}
.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.bg-red-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.bg-rose-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
}
.bg-slate-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.bg-slate-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.bg-slate-50\/70 {
  background-color: rgb(248 250 252 / 0.7);
}
.bg-slate-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}
.bg-slate-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1));
}
.bg-slate-950\/50 {
  background-color: rgb(2 6 23 / 0.5);
}
.bg-slate-950\/55 {
  background-color: rgb(2 6 23 / 0.55);
}
.bg-slate-950\/60 {
  background-color: rgb(2 6 23 / 0.6);
}
.bg-violet-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1));
}
.bg-violet-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1));
}
.bg-violet-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(109 40 217 / var(--tw-bg-opacity, 1));
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/10 {
  background-color: rgb(255 255 255 / 0.1);
}
.bg-white\/5 {
  background-color: rgb(255 255 255 / 0.05);
}
.bg-white\/70 {
  background-color: rgb(255 255 255 / 0.7);
}
.bg-white\/80 {
  background-color: rgb(255 255 255 / 0.8);
}
.bg-white\/95 {
  background-color: rgb(255 255 255 / 0.95);
}
.bg-white\/\[\.06\] {
  background-color: rgb(255 255 255 / .06);
}
.bg-\[radial-gradient\(circle_at_15\%_10\%\2c rgba\(8\2c 126\2c 201\2c \.14\)\2c transparent_28rem\)\2c radial-gradient\(circle_at_85\%_8\%\2c rgba\(117\2c 89\2c 232\2c \.13\)\2c transparent_26rem\)\] {
  background-image: radial-gradient(circle at 15% 10%,rgba(8,126,201,.14),transparent 28rem),radial-gradient(circle at 85% 8%,rgba(117,89,232,.13),transparent 26rem);
}
.bg-\[radial-gradient\(circle_at_50\%_0\%\2c rgba\(16\2c 185\2c 129\2c \.18\)\2c transparent_24rem\)\] {
  background-image: radial-gradient(circle at 50% 0%,rgba(16,185,129,.18),transparent 24rem);
}
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-cyan-50 {
  --tw-gradient-from: #ecfeff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(236 254 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-cyan-500 {
  --tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-cyan-600 {
  --tw-gradient-from: #0891b2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(8 145 178 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-950 {
  --tw-gradient-from: #020617 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(2 6 23 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-blue-500 {
  --tw-gradient-to: rgb(59 130 246 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #3b82f6 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-950 {
  --tw-gradient-to: rgb(23 37 84 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #172554 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-sky-700 {
  --tw-gradient-to: rgb(3 105 161 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0369a1 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-blue-50 {
  --tw-gradient-to: #eff6ff var(--tw-gradient-to-position);
}
.to-blue-700 {
  --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);
}
.to-blue-900 {
  --tw-gradient-to: #1e3a8a var(--tw-gradient-to-position);
}
.to-cyan-900 {
  --tw-gradient-to: #164e63 var(--tw-gradient-to-position);
}
.to-violet-500 {
  --tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position);
}
.to-white {
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}
.fill-current {
  fill: currentColor;
}
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.p-1 {
  padding: 0.25rem;
}
.p-10 {
  padding: 2.5rem;
}
.p-12 {
  padding: 3rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-3\.5 {
  padding: 0.875rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-7 {
  padding: 1.75rem;
}
.p-8 {
  padding: 2rem;
}
.\!px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.\!px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.\!px-6 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.\!py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.\!py-2\.5 {
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}
.\!py-3\.5 {
  padding-top: 0.875rem !important;
  padding-bottom: 0.875rem !important;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.\!pl-10 {
  padding-left: 2.5rem !important;
}
.\!pl-12 {
  padding-left: 3rem !important;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.pb-20 {
  padding-bottom: 5rem;
}
.pb-24 {
  padding-bottom: 6rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pe-4 {
  padding-inline-end: 1rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-4 {
  padding-right: 1rem;
}
.ps-3 {
  padding-inline-start: 0.75rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-16 {
  padding-top: 4rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-start {
  text-align: start;
}
.align-top {
  vertical-align: top;
}
.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.\!text-\[10px\] {
  font-size: 10px !important;
}
.\!text-xs {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[clamp\(2\.3rem\2c 5vw\2c 4\.6rem\)\] {
  font-size: clamp(2.3rem, 5vw, 4.6rem);
}
.text-\[clamp\(2\.4rem\2c 5vw\2c 4\.8rem\)\] {
  font-size: clamp(2.4rem, 5vw, 4.8rem);
}
.text-\[clamp\(2rem\2c 3vw\2c 3rem\)\] {
  font-size: clamp(2rem, 3vw, 3rem);
}
.text-\[clamp\(2rem\2c 4vw\2c 3\.7rem\)\] {
  font-size: clamp(2rem, 4vw, 3.7rem);
}
.text-\[clamp\(2rem\2c 5vw\2c 4rem\)\] {
  font-size: clamp(2rem, 5vw, 4rem);
}
.text-\[clamp\(3rem\2c 7vw\2c 6\.2rem\)\] {
  font-size: clamp(3rem, 7vw, 6.2rem);
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.\!font-medium {
  font-weight: 500 !important;
}
.font-black {
  font-weight: 900;
}
.font-bold {
  font-weight: 700;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.\!leading-5 {
  line-height: 1.25rem !important;
}
.leading-4 {
  line-height: 1rem;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-7 {
  line-height: 1.75rem;
}
.leading-8 {
  line-height: 2rem;
}
.leading-\[\.92\] {
  line-height: .92;
}
.leading-\[\.96\] {
  line-height: .96;
}
.leading-\[\.98\] {
  line-height: .98;
}
.leading-\[1\.02\] {
  line-height: 1.02;
}
.leading-none {
  line-height: 1;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-\[-\.04em\] {
  letter-spacing: -.04em;
}
.tracking-\[-\.05em\] {
  letter-spacing: -.05em;
}
.tracking-\[-\.06em\] {
  letter-spacing: -.06em;
}
.tracking-\[-0\.04em\] {
  letter-spacing: -0.04em;
}
.tracking-\[\.12em\] {
  letter-spacing: .12em;
}
.tracking-\[\.14em\] {
  letter-spacing: .14em;
}
.tracking-\[\.16em\] {
  letter-spacing: .16em;
}
.tracking-\[\.17em\] {
  letter-spacing: .17em;
}
.tracking-\[\.18em\] {
  letter-spacing: .18em;
}
.tracking-\[\.2em\] {
  letter-spacing: .2em;
}
.tracking-\[0\.12em\] {
  letter-spacing: 0.12em;
}
.tracking-\[0\.14em\] {
  letter-spacing: 0.14em;
}
.tracking-\[0\.15em\] {
  letter-spacing: 0.15em;
}
.tracking-\[0\.16em\] {
  letter-spacing: 0.16em;
}
.tracking-\[0\.18em\] {
  letter-spacing: 0.18em;
}
.tracking-\[0\.20em\] {
  letter-spacing: 0.20em;
}
.tracking-\[0\.22em\] {
  letter-spacing: 0.22em;
}
.tracking-\[0\.2em\] {
  letter-spacing: 0.2em;
}
.tracking-\[0\.35em\] {
  letter-spacing: 0.35em;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
.\!text-cyan-200 {
  --tw-text-opacity: 1 !important;
  color: rgb(165 243 252 / var(--tw-text-opacity, 1)) !important;
}
.\!text-pink-700 {
  --tw-text-opacity: 1 !important;
  color: rgb(190 24 93 / var(--tw-text-opacity, 1)) !important;
}
.\!text-red-700 {
  --tw-text-opacity: 1 !important;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1)) !important;
}
.\!text-red-950 {
  --tw-text-opacity: 1 !important;
  color: rgb(69 10 10 / var(--tw-text-opacity, 1)) !important;
}
.\!text-slate-950 {
  --tw-text-opacity: 1 !important;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1)) !important;
}
.\!text-violet-700 {
  --tw-text-opacity: 1 !important;
  color: rgb(109 40 217 / var(--tw-text-opacity, 1)) !important;
}
.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.text-\[\#071c33\] {
  --tw-text-opacity: 1;
  color: rgb(7 28 51 / var(--tw-text-opacity, 1));
}
.text-amber-100 {
  --tw-text-opacity: 1;
  color: rgb(254 243 199 / var(--tw-text-opacity, 1));
}
.text-amber-200 {
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / var(--tw-text-opacity, 1));
}
.text-amber-300 {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}
.text-amber-600 {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}
.text-amber-700 {
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.text-amber-800 {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}
.text-amber-900 {
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}
.text-amber-900\/70 {
  color: rgb(120 53 15 / 0.7);
}
.text-amber-900\/75 {
  color: rgb(120 53 15 / 0.75);
}
.text-amber-950 {
  --tw-text-opacity: 1;
  color: rgb(69 26 3 / var(--tw-text-opacity, 1));
}
.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.text-blue-800 {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}
.text-blue-900 {
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}
.text-blue-950 {
  --tw-text-opacity: 1;
  color: rgb(23 37 84 / var(--tw-text-opacity, 1));
}
.text-cyan-100 {
  --tw-text-opacity: 1;
  color: rgb(207 250 254 / var(--tw-text-opacity, 1));
}
.text-cyan-100\/80 {
  color: rgb(207 250 254 / 0.8);
}
.text-cyan-200 {
  --tw-text-opacity: 1;
  color: rgb(165 243 252 / var(--tw-text-opacity, 1));
}
.text-cyan-200\/70 {
  color: rgb(165 243 252 / 0.7);
}
.text-cyan-300 {
  --tw-text-opacity: 1;
  color: rgb(103 232 249 / var(--tw-text-opacity, 1));
}
.text-cyan-50\/90 {
  color: rgb(236 254 255 / 0.9);
}
.text-cyan-500 {
  --tw-text-opacity: 1;
  color: rgb(6 182 212 / var(--tw-text-opacity, 1));
}
.text-cyan-600 {
  --tw-text-opacity: 1;
  color: rgb(8 145 178 / var(--tw-text-opacity, 1));
}
.text-cyan-700 {
  --tw-text-opacity: 1;
  color: rgb(14 116 144 / var(--tw-text-opacity, 1));
}
.text-cyan-800 {
  --tw-text-opacity: 1;
  color: rgb(21 94 117 / var(--tw-text-opacity, 1));
}
.text-cyan-800\/70 {
  color: rgb(21 94 117 / 0.7);
}
.text-cyan-900 {
  --tw-text-opacity: 1;
  color: rgb(22 78 99 / var(--tw-text-opacity, 1));
}
.text-cyan-950 {
  --tw-text-opacity: 1;
  color: rgb(8 51 68 / var(--tw-text-opacity, 1));
}
.text-emerald-300 {
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}
.text-emerald-600 {
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
}
.text-emerald-700 {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}
.text-emerald-800 {
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity, 1));
}
.text-emerald-900 {
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.text-emerald-950 {
  --tw-text-opacity: 1;
  color: rgb(2 44 34 / var(--tw-text-opacity, 1));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.text-indigo-700 {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}
.text-pink-700 {
  --tw-text-opacity: 1;
  color: rgb(190 24 93 / var(--tw-text-opacity, 1));
}
.text-red-100 {
  --tw-text-opacity: 1;
  color: rgb(254 226 226 / var(--tw-text-opacity, 1));
}
.text-red-300 {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.text-red-900 {
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}
.text-red-900\/50 {
  color: rgb(127 29 29 / 0.5);
}
.text-red-900\/70 {
  color: rgb(127 29 29 / 0.7);
}
.text-red-900\/75 {
  color: rgb(127 29 29 / 0.75);
}
.text-red-950 {
  --tw-text-opacity: 1;
  color: rgb(69 10 10 / var(--tw-text-opacity, 1));
}
.text-rose-700 {
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity, 1));
}
.text-rose-950 {
  --tw-text-opacity: 1;
  color: rgb(76 5 25 / var(--tw-text-opacity, 1));
}
.text-slate-100 {
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}
.text-slate-200 {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.text-slate-300 {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.text-slate-400 {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.text-slate-600 {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.text-slate-700 {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.text-slate-800 {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}
.text-slate-900 {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.text-slate-950 {
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
}
.text-violet-300 {
  --tw-text-opacity: 1;
  color: rgb(196 181 253 / var(--tw-text-opacity, 1));
}
.text-violet-700 {
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / var(--tw-text-opacity, 1));
}
.text-violet-800 {
  --tw-text-opacity: 1;
  color: rgb(91 33 182 / var(--tw-text-opacity, 1));
}
.text-violet-950 {
  --tw-text-opacity: 1;
  color: rgb(46 16 101 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white\/20 {
  color: rgb(255 255 255 / 0.2);
}
.text-white\/60 {
  color: rgb(255 255 255 / 0.6);
}
.text-white\/70 {
  color: rgb(255 255 255 / 0.7);
}
.text-white\/75 {
  color: rgb(255 255 255 / 0.75);
}
.text-white\/85 {
  color: rgb(255 255 255 / 0.85);
}
.text-white\/90 {
  color: rgb(255 255 255 / 0.9);
}
.underline {
  text-decoration-line: underline;
}
.decoration-cyan-300 {
  text-decoration-color: #67e8f9;
}
.underline-offset-2 {
  text-underline-offset: 2px;
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.accent-amber-500 {
  accent-color: #f59e0b;
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-65 {
  opacity: 0.65;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-90 {
  opacity: 0.9;
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_20px_65px_rgba\(16\2c 47\2c 75\2c \.08\)\] {
  --tw-shadow: 0 20px 65px rgba(16,47,75,.08);
  --tw-shadow-colored: 0 20px 65px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_28px_90px_rgba\(16\2c 47\2c 75\2c \.1\)\] {
  --tw-shadow: 0 28px 90px rgba(16,47,75,.1);
  --tw-shadow-colored: 0 28px 90px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-cyan-500\/20 {
  --tw-shadow-color: rgb(6 182 212 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.ring-1 {
  --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(1px + 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);
}
.ring-4 {
  --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(4px + 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);
}
.ring-black {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1));
}
.ring-cyan-100\/70 {
  --tw-ring-color: rgb(207 250 254 / 0.7);
}
.ring-gray-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));
}
.ring-opacity-5 {
  --tw-ring-opacity: 0.05;
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-3xl {
  --tw-blur: blur(64px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-xl {
  --tw-backdrop-blur: blur(24px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-150 {
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-75 {
  transition-duration: 75ms;
}
.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

:root {
    --surface: #f4f7fb;
    --surface-strong: #eef3f8;
    --panel: #ffffff;
    --panel-strong: #0b315d;
    --ink: #0a1728;
    --muted: #64748b;
    --brand: #087ec9;
    --brand-dark: #075e9d;
    --brand-soft: #e8f7ff;
    --cyan: #26c6da;
    --violet: #7559e8;
    --radius-card: 26px;
    --shadow-card: 0 12px 35px rgba(15, 38, 63, 0.055);
    --shadow-float: 0 24px 70px rgba(7, 29, 52, 0.14);
}

@keyframes hw-spin { to { transform: rotate(360deg); } }
@keyframes hw-pulse { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: .55; transform: scale(.82); } }
@keyframes hw-float { 0%,100% { transform: translate3d(0,0,0); } 50% { transform: translate3d(0,-12px,0); } }
@keyframes hw-orbit-a { to { transform: rotateX(64deg) rotateZ(372deg); } }
@keyframes hw-orbit-b { to { transform: rotateY(64deg) rotateZ(342deg); } }
@keyframes hw-dashboard-float { 0%,100% { transform: translate(-50%, -50%) rotateY(-12deg) rotateX(7deg) rotateZ(1deg) translateY(0); } 50% { transform: translate(-50%, -50%) rotateY(-10deg) rotateX(5deg) rotateZ(0deg) translateY(-10px); } }
@keyframes hw-auth-core { 0%,100% { transform: rotateY(-12deg) rotateX(9deg) translateZ(40px) translateY(0); } 50% { transform: rotateY(8deg) rotateX(-3deg) translateZ(56px) translateY(-10px); } }

@media (max-width: 1023px) {
    .auth-layout {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}

/* Phase 12 experience polish: long-form homepage, living auth and navigation clarity */

@keyframes hw-profile-float { 0%,100% { transform: translate(-50%,-50%) rotateY(-9deg) rotateX(6deg) translateY(0); } 50% { transform: translate(-50%,-50%) rotateY(8deg) rotateX(-4deg) translateY(-12px); } }
@keyframes hw-glow-drift { 0%,100% { transform: translate3d(0,0,0) scale(1); opacity: .8; } 50% { transform: translate3d(22px,-18px,0) scale(1.12); opacity: 1; } }
@keyframes hw-device-breathe { 0%,100% { margin-top: 0; } 50% { margin-top: -9px; } }
@keyframes hw-home-orbit-a { to { transform: rotateX(69deg) rotateZ(372deg); } }
@keyframes hw-home-orbit-b { to { transform: rotateY(70deg) rotateZ(342deg); } }
@keyframes hw-home-orbit-c { to { transform: rotateX(398deg) rotateY(408deg); } }
@keyframes hw-node-float { 0%,100% { translate: 0 0; } 50% { translate: 0 -12px; } }
@keyframes hw-data-dot { 0%,100% { opacity: .2; transform: scale(.7); } 50% { opacity: 1; transform: scale(1.25); } }
@keyframes hw-vault-turn { 0%,100% { transform: rotateX(-18deg) rotateY(32deg) translateY(0); } 50% { transform: rotateX(-10deg) rotateY(58deg) translateY(-12px); } }
@keyframes hw-cta-ring { to { transform: rotate(360deg); } }
@keyframes hw-living-heart { 0%,100% { scale: 1; } 12% { scale: 1.09; } 24% { scale: 1; } 34% { scale: 1.05; } 48% { scale: 1; } }
@keyframes hw-heart-wave { 0% { transform: scale(.8); opacity: .8; } 75%,100% { transform: scale(1.65); opacity: 0; } }
@keyframes hw-helix-turn { to { rotate: 360deg; } }
@keyframes hw-pulse-bar { 0%,100% { transform: scaleY(.45); opacity: .35; } 50% { transform: scaleY(1); opacity: .95; } }
@keyframes hw-menu-in { from { opacity: 0; transform: translateY(-8px) scale(.97); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes hw-scroll-cue { 0%,100% { transform: translateY(0); } 50% { transform: translateY(7px); } }
@keyframes hw-care-line { 0%,100% { opacity: .18; scale: .75 1; } 50% { opacity: .75; scale: 1 1; } }
@keyframes hw-ai-prism { 0%,100% { translate: 0 0; rotate: 0deg; } 50% { translate: 0 -14px; rotate: 4deg; } }
@keyframes hw-account-wheel { to { rotate: 360deg; } }
@keyframes hw-account-wheel-reverse { to { rotate: -360deg; } }
@keyframes hw-human-walk { 0%,100% { transform: translateY(0) rotateY(-8deg); } 50% { transform: translateY(-9px) rotateY(8deg); } }
@keyframes hw-human-register { 0%,100% { transform: translateY(0) rotateY(-10deg) scale(.96); } 50% { transform: translateY(-13px) rotateY(12deg) scale(1.03); } }
@keyframes hw-human-arm-left { 0%,100% { transform: rotate(18deg); } 50% { transform: rotate(-24deg); } }
@keyframes hw-human-arm-right { 0%,100% { transform: rotate(-22deg); } 50% { transform: rotate(27deg); } }
@keyframes hw-human-leg-left { 0%,100% { transform: rotate(16deg); } 50% { transform: rotate(-13deg); } }
@keyframes hw-human-leg-right { 0%,100% { transform: rotate(-13deg); } 50% { transform: rotate(16deg); } }
@keyframes hw-human-shadow { 0%,100% { transform: translateX(-50%) scaleX(1); opacity: .28; } 50% { transform: translateX(-50%) scaleX(.72); opacity: .14; } }
@keyframes hw-path-light { 0%,100% { opacity: .18; transform: scale(.7); } 50% { opacity: 1; transform: scale(1.3); } }

@media (max-width: 1279px) {
    .health-orbit-stage { min-height: 540px; }
    .health-float-panel-a { left: 0; }
    .health-float-panel-b { right: 0; }
}

@media (max-width: 1023px) {
    .marketing-hero-v2 { min-height: auto; }
    .health-orbit-stage { min-height: 560px; max-width: 680px; }
    .health-device { width: 86%; }
    .auth-rail-v2 { min-height: auto; }
}

@media (max-width: 767px) {
    .marketing-title-v2 { font-size: clamp(3.2rem, 16vw, 5.4rem); max-width: 12ch; }
    .health-orbit-stage { min-height: 490px; }
    .health-device { width: 96%; border-radius: 24px; transform: translate(-50%, -50%) rotateX(4deg) rotateY(-5deg); }
    .health-device-body { grid-template-columns: 74px minmax(0,1fr); min-height: 345px; }
    .health-device-side { padding: .55rem; }
    .health-device-side div { justify-content: center; padding: .55rem; }
    .health-device-side div span { display: none; }
    .health-device-main { padding: .75rem; }
    .health-device-welcome { padding: .75rem; }
    .health-device-welcome strong { font-size: .72rem; }
    .health-device-metrics { gap: .35rem; }
    .health-device-metrics > div { padding: .55rem; }
    .health-device-metrics strong { font-size: .48rem; }
    .health-device-actions { gap: .35rem; }
    .health-device-focus { padding: .65rem; }
    .health-device-focus p { display: none; }
    .health-device-mini { padding: .6rem; }
    .health-orbit-ring-a { width: 490px; height: 490px; margin: -245px; }
    .health-orbit-ring-b { width: 400px; height: 400px; margin: -200px; }
    .health-orbit-ring-c { width: 310px; height: 310px; margin: -155px; }
    .health-float-panel { padding: .6rem; }
    .health-float-panel strong { font-size: .62rem; }
    .health-float-panel small { display: none; }
    .health-float-panel-a { top: 11%; }
    .health-float-panel-b { bottom: 5%; }
    .health-float-panel-c { right: 2%; top: 3%; width: 3rem; height: 3rem; }
    .health-orbit-node { width: 2.5rem; height: 2.5rem; }
    .health-bento-card { min-height: 260px; border-radius: 24px; padding: 1.25rem; }
    .health-bento-card h3 { font-size: 1.55rem; }
    .health-day-card { padding: 1rem; }
    .health-ai-sphere { height: 390px; }
    .health-vault-stage { height: 430px; }
    .health-vault-cube { transform: scale(.82) rotateX(-18deg) rotateY(32deg); }
    .health-vault-card { padding: .65rem; }
    .health-vault-card small { display: none; }
    .auth-living-stage { height: 290px; }
    .auth-progress-deck { grid-template-columns: 1fr; }
    .auth-progress-deck > div:nth-child(n+2) { display: none; }
}

@media (max-width: 639px) {
    .hw-profile-hero { border-radius: 24px; padding: 1.25rem; }
    .hw-topbar { backdrop-filter: blur(18px); }
    main [class*="rounded-[32px]"] { border-radius: 24px; }
    .marketing-section { padding-top: 4.5rem; padding-bottom: 4.5rem; }
    .marketing-section-title { font-size: clamp(2.35rem, 12vw, 3.7rem); }
    .marketing-capability-strip > div { padding: 1rem; }
    .health-data-engine { border-radius: 26px; padding: 1rem; }
    .health-ai-sphere { border-radius: 26px; }
    .health-vault-stage { border-radius: 26px; }
    .auth-card-v2 { border-radius: 24px; }
}

@keyframes hw-simple-orbit-spin {
    to { transform: rotateX(68deg) rotateZ(378deg); }
}

@keyframes hw-simple-node-float {
    0%, 100% { transform: translateY(0) rotate(-2deg); }
    50% { transform: translateY(-12px) rotate(3deg); }
}


/* Phase 12 Revision 12.5 — complete navigation, profile manager and support */
.hw-sidebar-nav-groups { scrollbar-gutter: stable; }
.hw-sidebar-quick-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .45rem; }
.hw-sidebar-quick-grid > a { display:flex; min-width:0; flex-direction:column; align-items:center; justify-content:center; gap:.4rem; min-height:58px; border:1px solid rgba(255,255,255,.08); border-radius:16px; background:rgba(255,255,255,.035); color:#94a3b8; font-size:9px; font-weight:700; letter-spacing:.02em; transition:.2s ease; }
.hw-sidebar-quick-grid > a svg { width:17px; height:17px; }
.hw-sidebar-quick-grid > a:hover,.hw-sidebar-quick-grid > a.is-active { border-color:rgba(103,232,249,.32); background:rgba(34,211,238,.12); color:#cffafe; transform:translateY(-1px); }
.hw-nav-group { margin:.35rem 0; border:1px solid rgba(255,255,255,.075); border-radius:18px; background:rgba(255,255,255,.025); overflow:hidden; }
.hw-nav-group > summary { display:grid; grid-template-columns:32px minmax(0,1fr) 18px; grid-template-rows:auto auto; align-items:center; -moz-column-gap:.65rem; column-gap:.65rem; min-height:58px; padding:.7rem .8rem; cursor:pointer; color:#e2e8f0; list-style:none; -webkit-user-select:none; -moz-user-select:none; user-select:none; transition:.2s ease; }
.hw-nav-group > summary::-webkit-details-marker { display:none; }
.hw-nav-group > summary:hover { background:rgba(255,255,255,.045); }
.hw-nav-group > summary > span { grid-row:1 / span 2; display:flex; width:32px; height:32px; align-items:center; justify-content:center; border-radius:11px; background:rgba(34,211,238,.1); color:#a5f3fc; }
.hw-nav-group > summary > span svg { width:17px; height:17px; }
.hw-nav-group > summary strong { align-self:end; font-size:12px; line-height:1.2; font-weight:700; color:#f8fafc; }
.hw-nav-group > summary small { align-self:start; margin-top:.18rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:9.5px; color:#64748b; }
.hw-nav-group-arrow { grid-column:3; grid-row:1 / span 2; width:15px; height:15px; color:#64748b; transition:transform .2s ease; }
.hw-nav-group[open] > summary { background:rgba(255,255,255,.035); border-bottom:1px solid rgba(255,255,255,.07); }
.hw-nav-group[open] > summary .hw-nav-group-arrow { transform:rotate(180deg); }
.hw-nav-group-links { padding:.38rem; }
.hw-nav-group-links .hw-nav-link { margin:.16rem 0; }
.hw-nav-visible-badge { margin-left:auto; border-radius:999px; background:rgba(16,185,129,.14); padding:.22rem .42rem; font-size:8px; font-weight:800; color:#a7f3d0; }
.hw-care-team-link { border-color:rgba(16,185,129,.09); }
.hw-dashboard-quick-actions { display:grid; gap:.8rem; margin-top:1rem; }
.hw-dashboard-quick-actions > a { display:grid; grid-template-columns:42px minmax(0,1fr) 18px; align-items:center; gap:.85rem; min-height:78px; border:1px solid #e2e8f0; border-radius:22px; background:rgba(255,255,255,.9); padding:.9rem 1rem; box-shadow:0 12px 32px rgba(15,23,42,.045); transition:.2s ease; }
.hw-dashboard-quick-actions > a:hover { border-color:#a5f3fc; transform:translateY(-2px); box-shadow:0 18px 44px rgba(8,145,178,.1); }
.hw-dashboard-quick-actions > a > span { display:flex; width:42px; height:42px; align-items:center; justify-content:center; border-radius:15px; background:#ecfeff; color:#0e7490; }
.hw-dashboard-quick-actions > a > span svg { width:19px; height:19px; }
.hw-dashboard-quick-actions strong,.hw-dashboard-quick-actions small { display:block; }
.hw-dashboard-quick-actions strong { font-size:13px; color:#0f172a; }
.hw-dashboard-quick-actions small { margin-top:.2rem; font-size:10px; line-height:1.45; color:#64748b; }
.hw-dashboard-quick-actions > a > svg { width:17px; height:17px; color:#94a3b8; }
.hw-manager-hero,.hw-help-hero { display:flex; flex-direction:column; gap:1.5rem; border:1px solid rgba(14,116,144,.12); border-radius:30px; background:linear-gradient(135deg,#f8fdff 0%,#fff 58%,#f5f3ff 100%); padding:1.4rem; box-shadow:0 24px 70px rgba(15,23,42,.06); }
.hw-manager-hero h1,.hw-help-hero h1 { margin-top:.8rem; max-width:800px; font-size:clamp(1.8rem,4vw,3.25rem); line-height:1.04; letter-spacing:-.045em; font-weight:700; color:#020617; }
.hw-manager-hero p,.hw-help-hero p { margin-top:.85rem; max-width:780px; font-size:13px; line-height:1.8; color:#64748b; }
.hw-manager-identity { display:flex; min-width:0; align-items:center; gap:.8rem; border:1px solid #e2e8f0; border-radius:22px; background:rgba(255,255,255,.86); padding:.85rem; }
.hw-manager-identity .hw-avatar { flex:none; }
.hw-manager-identity strong,.hw-manager-identity small,.hw-manager-identity em { display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hw-manager-identity strong { font-size:13px; color:#0f172a; }
.hw-manager-identity small { margin-top:.15rem; font-size:10px; color:#64748b; }
.hw-manager-identity em { margin-top:.32rem; font-size:9px; font-style:normal; font-weight:700; color:#0e7490; }
.hw-profile-manager-grid { display:grid; gap:1rem; }
.hw-profile-manager-card { position:relative; display:grid; grid-template-columns:48px minmax(0,1fr) 20px; align-items:start; gap:1rem; min-height:170px; border:1px solid #e2e8f0; border-radius:25px; background:#fff; padding:1.2rem; box-shadow:0 14px 35px rgba(15,23,42,.04); transition:.22s ease; }
.hw-profile-manager-card:hover { border-color:#a5f3fc; transform:translateY(-3px); box-shadow:0 22px 48px rgba(8,145,178,.09); }
.hw-manager-card-icon { display:flex; width:48px; height:48px; align-items:center; justify-content:center; border-radius:16px; }
.hw-manager-card-icon svg { width:21px; height:21px; }
.hw-manager-card-icon.is-cyan { background:#ecfeff;color:#0e7490; }.hw-manager-card-icon.is-violet { background:#f5f3ff;color:#6d28d9; }.hw-manager-card-icon.is-emerald { background:#ecfdf5;color:#047857; }.hw-manager-card-icon.is-amber { background:#fffbeb;color:#b45309; }.hw-manager-card-icon.is-slate { background:#f1f5f9;color:#334155; }
.hw-profile-manager-card small { display:block; font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#94a3b8; }
.hw-profile-manager-card h2 { margin-top:.45rem; font-size:16px; font-weight:700; color:#0f172a; }
.hw-profile-manager-card p { margin-top:.55rem; font-size:11px; line-height:1.7; color:#64748b; }
.hw-manager-card-arrow { width:18px; height:18px; color:#94a3b8; transition:transform .2s ease; }
.hw-profile-manager-card:hover .hw-manager-card-arrow { transform:translateX(3px); color:#0891b2; }
.hw-help-topic { display:flex; min-height:210px; flex-direction:column; border:1px solid #e2e8f0; border-radius:25px; background:#fff; padding:1.2rem; transition:.2s ease; }
.hw-help-topic:hover { border-color:#a5f3fc; transform:translateY(-2px); }
.hw-help-topic > span { display:flex; width:44px; height:44px; align-items:center; justify-content:center; border-radius:15px; background:#ecfeff; color:#0e7490; }
.hw-help-topic > span svg { width:20px;height:20px; }.hw-help-topic h2 { margin-top:1rem;font-size:16px;font-weight:700;color:#0f172a; }.hw-help-topic p { margin-top:.5rem;font-size:11px;line-height:1.7;color:#64748b; }.hw-help-topic strong { display:flex; align-items:center; gap:.35rem; margin-top:auto; padding-top:1rem; font-size:11px; color:#0e7490; }.hw-help-topic strong svg { width:14px;height:14px; }
.hw-help-faq { display:grid; gap:.7rem; }.hw-help-faq details { border:1px solid #e2e8f0;border-radius:18px;background:#fff;overflow:hidden; }.hw-help-faq summary { display:flex; align-items:center; justify-content:space-between; gap:1rem; cursor:pointer; list-style:none; padding:1rem 1.1rem; font-size:12px; font-weight:700; color:#0f172a; }.hw-help-faq summary::-webkit-details-marker { display:none; }.hw-help-faq summary svg { width:16px;height:16px;color:#94a3b8;transition:transform .2s ease; }.hw-help-faq details[open] summary svg { transform:rotate(180deg); }.hw-help-faq p { border-top:1px solid #f1f5f9;padding:1rem 1.1rem;font-size:11px;line-height:1.75;color:#64748b; }
@media (min-width:640px){.hw-dashboard-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));}.hw-profile-manager-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.hw-manager-hero,.hw-help-hero{padding:2rem;}}
@media (min-width:1280px){.hw-dashboard-quick-actions{grid-template-columns:repeat(4,minmax(0,1fr));}.hw-manager-hero,.hw-help-hero{flex-direction:row;align-items:center;justify-content:space-between;}.hw-manager-identity{width:300px;}.hw-help-hero>.hw-primary-button{flex:none;}}
@media (max-width:1023px){.hw-sidebar-quick-grid{padding-top:.15rem}.hw-nav-group>summary{min-height:62px}.hw-dashboard-quick-actions{margin-top:.85rem}.hw-manager-hero,.hw-help-hero{border-radius:24px}.hw-profile-manager-card{min-height:150px}.hw-mobile-nav{z-index:60}}

/* Phase 13 — Daily health workspace and support center */
.hw-score-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .5rem;
}
.hw-score-grid-ten { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.hw-score-grid label { position: relative; cursor: pointer; }
.hw-score-grid input { position: absolute; opacity: 0; pointer-events: none; }
.hw-score-grid span {
    display: flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #fff;
    color: #64748b;
    font-size: 12px;
    font-weight: 750;
    transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease;
}
.hw-score-grid label:hover span { border-color: #a5f3fc; transform: translateY(-1px); }
.hw-score-grid input:focus-visible + span { outline: 3px solid rgba(6,182,212,.2); outline-offset: 2px; }
.hw-score-grid input:checked + span { border-color: #0891b2; background: #ecfeff; color: #0e7490; box-shadow: 0 8px 20px rgba(8,145,178,.12); }
.hw-checkin-row {
    display: grid;
    grid-template-columns: 58px minmax(0,1fr);
    gap: 1rem;
    align-items: start;
    padding: 1rem 0;
    border-top: 1px solid #f1f5f9;
}
.hw-checkin-row:first-child { border-top: 0; padding-top: 0; }
.hw-checkin-date {
    display: flex;
    min-height: 58px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background: #f8fafc;
    color: #0f172a;
}
.hw-checkin-date strong { font-size: 17px; line-height: 1; }
.hw-checkin-date small { margin-top: .3rem; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #94a3b8; }
.hw-stat-card {
    min-height: 126px;
    border: 1px solid #e2e8f0;
    border-radius: 22px;
    background: linear-gradient(145deg,#fff 0%,#f8fafc 100%);
    padding: 1rem;
    box-shadow: 0 12px 30px rgba(15,23,42,.035);
}
.hw-stat-card small { display: block; font-size: 9px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; color: #94a3b8; }
.hw-stat-card strong { display: block; margin-top: .45rem; font-size: 21px; line-height: 1.15; color: #0f172a; }
.hw-stat-card p { margin-top: .45rem; font-size: 10px; line-height: 1.55; color: #64748b; }
.hw-detail-chip {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    background: #fff;
    padding: .42rem .68rem;
    font-size: 10px;
    font-weight: 700;
    color: #475569;
}
.hw-detail-chip svg { width: 13px; height: 13px; color: #0891b2; }
.hw-severity-badge {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: .35rem .58rem;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}
.hw-severity-badge.is-low { background: #ecfdf5; color: #047857; }
.hw-severity-badge.is-medium { background: #fffbeb; color: #b45309; }
.hw-severity-badge.is-high { background: #fef2f2; color: #b91c1c; }
.hw-upload-zone {
    display: flex;
    min-height: 150px;
    cursor: pointer;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    border: 1.5px dashed #cbd5e1;
    border-radius: 22px;
    background: #f8fafc;
    padding: 1.25rem;
    text-align: center;
    transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.hw-upload-zone:hover { border-color: #22d3ee; background: #ecfeff; transform: translateY(-1px); }
.hw-upload-zone svg { width: 28px; height: 28px; color: #0891b2; }
.hw-upload-zone strong { font-size: 13px; color: #0f172a; }
.hw-upload-zone small { max-width: 360px; font-size: 10px; line-height: 1.6; color: #64748b; }
.hw-emergency-preview {
    position: relative;
    overflow: hidden;
    border-radius: 28px;
    background: linear-gradient(145deg,#071c33 0%,#0c4a6e 58%,#0e7490 100%);
    padding: 1.4rem;
    color: #fff;
    box-shadow: 0 24px 65px rgba(8,47,73,.2);
}
.hw-emergency-preview::after {
    content: '';
    position: absolute;
    width: 180px;
    height: 180px;
    right: -70px;
    top: -75px;
    border-radius: 50%;
    border: 30px solid rgba(255,255,255,.07);
}
.hw-support-hero {
    position: relative;
    display: flex;
    min-height: 260px;
    overflow: hidden;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    border-radius: 32px;
    background:
        radial-gradient(circle at 86% 22%,rgba(103,232,249,.22),transparent 24%),
        radial-gradient(circle at 12% 110%,rgba(139,92,246,.2),transparent 40%),
        linear-gradient(135deg,#06182c 0%,#082f49 60%,#164e63 100%);
    padding: 1.6rem;
    color: #fff;
    box-shadow: 0 26px 80px rgba(8,47,73,.22);
}
.hw-support-hero h1 { margin-top: 1rem; max-width: 780px; font-size: clamp(2rem,5vw,4.2rem); line-height: .98; letter-spacing: -.055em; font-weight: 750; }
.hw-support-hero p { margin-top: 1rem; max-width: 690px; font-size: 13px; line-height: 1.8; color: rgba(226,232,240,.78); }
.hw-support-hero-icon {
    position: relative;
    z-index: 1;
    display: none;
    width: 150px;
    height: 150px;
    flex: none;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 44px;
    background: rgba(255,255,255,.08);
    color: #a5f3fc;
    box-shadow: inset 0 0 40px rgba(255,255,255,.045),0 26px 60px rgba(0,0,0,.18);
    backdrop-filter: blur(16px);
    transform: rotate(5deg);
}
.hw-support-hero-icon::before,.hw-support-hero-icon::after { content:''; position:absolute; border:1px solid rgba(165,243,252,.22); border-radius:50%; animation: hw-support-orbit 8s linear infinite; }
.hw-support-hero-icon::before { inset:-18px; }
.hw-support-hero-icon::after { inset:18px; animation-direction:reverse; animation-duration:6s; }
.hw-support-hero-icon svg { width: 58px; height: 58px; }
.hw-faq-item { overflow: hidden; border: 1px solid #e2e8f0; border-radius: 19px; background: #fff; transition: border-color .18s ease, box-shadow .18s ease; }
.hw-faq-item[open] { border-color: #a5f3fc; box-shadow: 0 12px 32px rgba(8,145,178,.07); }
.hw-faq-item summary { display: flex; cursor: pointer; list-style: none; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.1rem; font-size: 12px; font-weight: 720; color: #0f172a; }
.hw-faq-item summary::-webkit-details-marker { display: none; }
.hw-faq-item summary svg { width: 15px; height: 15px; flex: none; color: #94a3b8; transition: transform .18s ease; }
.hw-faq-item[open] summary svg { transform: rotate(45deg); color: #0891b2; }
.hw-faq-item > p { border-top: 1px solid #f1f5f9; padding: 1rem 1.1rem; font-size: 11px; line-height: 1.75; color: #64748b; }
.hw-chat-messages {
    min-height: 360px;
    max-height: min(62vh,720px);
    overflow-y: auto;
    overscroll-behavior: contain;
    background: linear-gradient(180deg,#f8fafc 0%,#fff 100%);
    padding: 1rem;
    scroll-behavior: smooth;
}
.hw-chat-message { display: flex; margin: .72rem 0; }
.hw-chat-message.is-mine { justify-content: flex-end; }
.hw-chat-message.is-support { justify-content: flex-start; }
.hw-chat-bubble { max-width: min(82%,680px); border: 1px solid #e2e8f0; border-radius: 20px 20px 20px 7px; background: #fff; padding: .8rem .9rem; box-shadow: 0 8px 22px rgba(15,23,42,.045); }
.hw-chat-message.is-mine .hw-chat-bubble { border-color: #0e7490; border-radius: 20px 20px 7px 20px; background: linear-gradient(135deg,#0e7490,#0891b2); color: #fff; }
.hw-chat-bubble small { display: block; margin-bottom: .32rem; font-size: 9px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: #0891b2; }
.hw-chat-message.is-mine .hw-chat-bubble small { color: #cffafe; }
.hw-chat-bubble p { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12px; line-height: 1.7; }
.hw-chat-bubble time { display: block; margin-top: .42rem; text-align: right; font-size: 9px; color: #94a3b8; }
.hw-chat-message.is-mine .hw-chat-bubble time { color: rgba(207,250,254,.75); }
.hw-chat-composer { display: grid; gap: .75rem; border-top: 1px solid #e2e8f0; background: #fff; padding: 1rem; }
.hw-chat-composer textarea { width: 100%; resize: vertical; border: 1px solid #cbd5e1; border-radius: 17px; background: #f8fafc; padding: .85rem 1rem; font-size: 12px; line-height: 1.6; color: #0f172a; outline: none; transition: border-color .18s ease, box-shadow .18s ease, background .18s ease; }
.hw-chat-composer textarea:focus { border-color: #06b6d4; background: #fff; box-shadow: 0 0 0 4px rgba(6,182,212,.1); }
.hw-chat-composer .hw-primary-button { justify-content: center; }
.hw-support-launcher {
    position: fixed;
    z-index: 58;
    right: 1rem;
    bottom: 5.75rem;
    display: flex;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 18px;
    background: linear-gradient(135deg,#0e7490,#0891b2);
    color: #fff;
    box-shadow: 0 16px 38px rgba(8,145,178,.3);
    transition: transform .18s ease, box-shadow .18s ease;
}
.hw-support-launcher:hover { transform: translateY(-3px); box-shadow: 0 22px 48px rgba(8,145,178,.34); }
.hw-support-launcher svg { width: 21px; height: 21px; }
.hw-daily-tool-strip { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .7rem; }
.hw-daily-tool-strip > a { display: flex; min-width: 0; align-items: center; gap: .65rem; border: 1px solid #e2e8f0; border-radius: 18px; background: #fff; padding: .78rem; color: #334155; box-shadow: 0 8px 24px rgba(15,23,42,.035); transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease; }
.hw-daily-tool-strip > a:hover { border-color: #a5f3fc; transform: translateY(-2px); box-shadow: 0 14px 32px rgba(8,145,178,.08); }
.hw-daily-tool-strip > a > span { display: flex; width: 36px; height: 36px; flex: none; align-items: center; justify-content: center; border-radius: 12px; background: #ecfeff; color: #0e7490; }
.hw-daily-tool-strip > a > span svg { width: 16px; height: 16px; }
.hw-daily-tool-strip strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }
@keyframes hw-support-orbit { to { transform: rotate(360deg); } }
@media (min-width: 640px) {
    .hw-score-grid-ten { grid-template-columns: repeat(10,minmax(0,1fr)); }
    .hw-chat-composer { grid-template-columns: minmax(0,1fr) auto; align-items: end; padding: 1.25rem; }
    .hw-chat-composer > p { grid-column: 1 / -1; }
    .hw-chat-composer .hw-primary-button { min-height: 48px; }
    .hw-chat-messages { padding: 1.35rem; }
    .hw-daily-tool-strip { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .hw-support-hero { padding: 2.25rem; }
}
@media (min-width: 1024px) {
    .hw-support-hero-icon { display: flex; }
    .hw-support-launcher { bottom: 1.4rem; right: 1.4rem; }
    .hw-daily-tool-strip { grid-template-columns: repeat(6,minmax(0,1fr)); }
}
@media (max-width: 639px) {
    .hw-support-hero { min-height: 235px; border-radius: 25px; }
    .hw-chat-bubble { max-width: 91%; }
    .hw-chat-messages { min-height: 320px; max-height: 56vh; }
    .hw-checkin-row { grid-template-columns: 50px minmax(0,1fr); gap: .75rem; }
    .hw-checkin-date { min-height: 50px; border-radius: 15px; }
    .hw-stat-card { min-height: 112px; }
}
@media (prefers-reduced-motion: reduce) {
    .hw-support-hero-icon::before,.hw-support-hero-icon::after { animation: none; }
    .hw-chat-messages { scroll-behavior: auto; }
}

/* Phase 13 component refinements */
.hw-stat-card { display: grid; grid-template-columns: 42px minmax(0,1fr); align-items: center; gap: .85rem; }
.hw-stat-card > span { display: flex; width: 42px; height: 42px; align-items: center; justify-content: center; border-radius: 15px; }
.hw-stat-card > span svg { width: 18px; height: 18px; }
.hw-detail-chip { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: .28rem; border-radius: 16px; padding: .72rem .8rem; }
.hw-detail-chip small { font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #94a3b8; }
.hw-detail-chip strong { max-width: 100%; overflow-wrap: anywhere; font-size: 11px; line-height: 1.45; color: #334155; }
.hw-support-launcher > span { display: flex; align-items: center; justify-content: center; }
.hw-support-launcher > strong { display: none; }
@media (min-width:1024px) {
    .hw-support-launcher { width: auto; min-width: 128px; padding: 0 1rem; gap: .55rem; }
    .hw-support-launcher > strong { display: block; font-size: 11px; font-weight: 800; letter-spacing: .02em; }
}
.hw-daily-tool-strip strong,.hw-daily-tool-strip small { display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hw-daily-tool-strip small { margin-top:.18rem; font-size:9px; color:#94a3b8; }

/* Phase 14 — Wavy voice and connected action states */
.wavy-voice-orb {
    position: relative;
    display: inline-flex;
    width: 58px;
    height: 58px;
    flex: none;
    align-items: center;
    justify-content: center;
    overflow: visible;
    border: 1px solid rgba(14,116,144,.22);
    border-radius: 21px;
    background: radial-gradient(circle at 35% 28%,#67e8f9 0,#0891b2 44%,#0f3e64 100%);
    color: #fff;
    box-shadow: 0 16px 38px rgba(8,145,178,.24), inset 0 1px 0 rgba(255,255,255,.35);
    isolation: isolate;
}
.wavy-voice-orb::before,.wavy-voice-orb::after {
    content:"";
    position:absolute;
    z-index:-1;
    inset:-7px;
    border:1px solid rgba(6,182,212,.22);
    border-radius:25px;
    opacity:.55;
}
.wavy-voice-orb::after { inset:-14px; opacity:.22; }
.wavy-voice-orb svg { width:24px; height:24px; filter:drop-shadow(0 4px 8px rgba(2,6,23,.28)); }
.wavy-voice-orb:hover { transform:translateY(-2px) scale(1.02); box-shadow:0 22px 45px rgba(8,145,178,.32); }
#wavy-voice-panel[data-state="listening"] .wavy-voice-orb { animation:wavyVoiceListen 1.25s ease-in-out infinite; }
#wavy-voice-panel[data-state="listening"] .wavy-voice-orb::before { animation:wavyVoiceRing 1.2s ease-out infinite; }
#wavy-voice-panel[data-state="listening"] .wavy-voice-orb::after { animation:wavyVoiceRing 1.2s .35s ease-out infinite; }
#wavy-voice-panel[data-state="processing"] .wavy-voice-orb { animation:wavyVoiceProcess 1.1s linear infinite; }
#wavy-voice-panel[data-state="speaking"] .wavy-voice-orb { animation:wavyVoiceSpeak .55s ease-in-out infinite alternate; }
#wavy-voice-panel[data-state="error"] .wavy-voice-orb { background:linear-gradient(135deg,#ef4444,#991b1b); border-color:#fecaca; }
@keyframes wavyVoiceListen { 0%,100%{transform:scale(1)} 50%{transform:scale(1.07)} }
@keyframes wavyVoiceRing { 0%{transform:scale(.82);opacity:.65} 100%{transform:scale(1.38);opacity:0} }
@keyframes wavyVoiceProcess { to{filter:hue-rotate(360deg)} }
@keyframes wavyVoiceSpeak { from{transform:scale(.97) rotate(-1.5deg)} to{transform:scale(1.06) rotate(1.5deg)} }
@media (prefers-reduced-motion: reduce) {
    #wavy-voice-panel .wavy-voice-orb,#wavy-voice-panel .wavy-voice-orb::before,#wavy-voice-panel .wavy-voice-orb::after { animation:none !important; }
}

/* Phase 14.2 — compact brand, ChatGPT-style Wavy composer, and emotion-aware voice states */
.hw-sidebar-brand {
    display:flex;
    min-width:0;
    align-items:center;
    gap:.72rem;
    border-radius:18px;
    padding:.55rem .65rem;
    color:#fff;
    transition:background-color .18s ease,transform .18s ease;
}
.hw-sidebar-brand:hover { background:rgba(255,255,255,.07); transform:translateY(-1px); }
.hw-sidebar-brand-icon {
    display:flex;
    width:40px;
    height:40px;
    flex:none;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(103,232,249,.22);
    border-radius:14px;
    background:linear-gradient(145deg,rgba(34,211,238,.2),rgba(14,116,144,.32));
    color:#a5f3fc;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 10px 24px rgba(2,6,23,.16);
}
.hw-sidebar-brand-icon svg { width:21px;height:21px; }
.hw-sidebar-brand strong,.hw-sidebar-brand small { display:block;max-width:185px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.hw-sidebar-brand strong { font-size:14px;line-height:1.2;letter-spacing:-.01em; }
.hw-sidebar-brand small { margin-top:.18rem;font-size:9px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8; }

.wavy-composer {
    position:relative;
    border:1px solid #cbd5e1;
    border-radius:25px;
    background:#fff;
    box-shadow:0 14px 38px rgba(15,23,42,.055),inset 0 1px 0 rgba(255,255,255,.85);
    transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.wavy-composer:focus-within { border-color:#67e8f9;box-shadow:0 0 0 4px rgba(34,211,238,.1),0 18px 46px rgba(8,145,178,.08); }
.wavy-composer[data-state="listening"] { border-color:#22d3ee;box-shadow:0 0 0 5px rgba(34,211,238,.12),0 20px 52px rgba(8,145,178,.14); }
.wavy-composer[data-state="processing"] { border-color:#818cf8;box-shadow:0 0 0 4px rgba(99,102,241,.09),0 18px 48px rgba(79,70,229,.09); }
.wavy-composer[data-state="speaking"] { border-color:#38bdf8;box-shadow:0 0 0 4px rgba(56,189,248,.09),0 18px 48px rgba(14,165,233,.1); }
.wavy-composer[data-state="error"] { border-color:#fca5a5;box-shadow:0 0 0 4px rgba(239,68,68,.08); }
.wavy-composer-textarea {
    display:block;
    width:100%;
    min-height:82px;
    max-height:190px;
    resize:none;
    overflow-y:auto;
    border:0;
    border-radius:25px 25px 0 0;
    background:transparent;
    padding:1.15rem 1.2rem .55rem;
    font-size:15px;
    line-height:1.55;
    color:#0f172a;
    outline:none;
    box-shadow:none !important;
}
.wavy-composer-textarea::-moz-placeholder { color:#94a3b8; }
.wavy-composer-textarea::placeholder { color:#94a3b8; }
.wavy-composer-toolbar { display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.55rem .72rem .72rem; }
.wavy-composer-mic {
    position:relative;
    display:inline-flex;
    width:42px;
    height:42px;
    flex:none;
    align-items:center;
    justify-content:center;
    border:1px solid #cbd5e1;
    border-radius:14px;
    background:#f8fafc;
    color:#0e7490;
    transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.wavy-composer-mic svg { width:19px;height:19px; }
.wavy-composer-mic:hover { transform:translateY(-1px);border-color:#67e8f9;background:#ecfeff;box-shadow:0 10px 24px rgba(8,145,178,.12); }
.wavy-composer[data-state="listening"] .wavy-composer-mic { border-color:#0891b2;background:linear-gradient(135deg,#06b6d4,#0e7490);color:#fff;animation:wavyComposerPulse 1.1s ease-in-out infinite; }
.wavy-composer[data-state="processing"] .wavy-composer-mic { border-color:#818cf8;background:#eef2ff;color:#4f46e5;animation:wavyVoiceProcess 1.2s linear infinite; }
.wavy-composer[data-state="speaking"] .wavy-composer-mic { border-color:#38bdf8;background:#e0f2fe;color:#0369a1;animation:wavyVoiceSpeak .6s ease-in-out infinite alternate; }
.wavy-composer[data-state="error"] .wavy-composer-mic { border-color:#fecaca;background:#fef2f2;color:#b91c1c; }
.wavy-composer-send {
    display:inline-flex;
    min-height:42px;
    align-items:center;
    justify-content:center;
    gap:.42rem;
    border-radius:14px;
    background:#082f49;
    padding:.68rem .9rem;
    color:#fff;
    font-size:12px;
    font-weight:800;
    box-shadow:0 10px 24px rgba(8,47,73,.16);
    transition:transform .18s ease,background-color .18s ease,opacity .18s ease;
}
.wavy-composer-send:hover { transform:translateY(-1px);background:#0e7490; }
.wavy-composer-send:disabled { cursor:not-allowed;opacity:.5;transform:none; }
.wavy-composer-send svg { width:16px;height:16px; }
.wavy-composer-transcript { margin:.8rem .8rem 0;border:1px solid #cffafe;border-radius:14px;background:#ecfeff;padding:.65rem .75rem;font-size:12px;line-height:1.5;color:#155e75; }
.wavy-voice-options { position:relative; }
.wavy-voice-options > summary { display:flex;width:34px;height:34px;cursor:pointer;list-style:none;align-items:center;justify-content:center;border-radius:11px;color:#64748b;transition:background-color .18s ease,color .18s ease; }
.wavy-voice-options > summary::-webkit-details-marker { display:none; }
.wavy-voice-options > summary:hover,.wavy-voice-options[open] > summary { background:#f1f5f9;color:#0f172a; }
.wavy-voice-options > summary svg { width:16px;height:16px; }
.wavy-voice-options-popover {
    position:absolute;
    z-index:45;
    bottom:calc(100% + .65rem);
    left:0;
    width:min(310px,calc(100vw - 3rem));
    border:1px solid #e2e8f0;
    border-radius:18px;
    background:#fff;
    padding:.9rem;
    box-shadow:0 24px 65px rgba(15,23,42,.18);
}
.wavy-voice-options-popover label { display:block;font-size:11px;font-weight:750;color:#475569; }
.wavy-voice-options-popover select { margin-top:.35rem;width:100%;border:1px solid #cbd5e1;border-radius:11px;padding:.55rem .65rem;background:#fff;font-size:12px;color:#0f172a; }
.wavy-voice-options-popover .wavy-option-check { display:flex;align-items:center;gap:.55rem;margin-top:.7rem;border-radius:11px;background:#f8fafc;padding:.65rem; }
.wavy-voice-options-popover p { margin-top:.7rem;font-size:9px;line-height:1.55;color:#64748b; }
@keyframes wavyComposerPulse { 0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(6,182,212,.28)} 50%{transform:scale(1.05);box-shadow:0 0 0 8px rgba(6,182,212,0)} }
@media (max-width:639px) {
    .wavy-composer-toolbar { align-items:flex-end; }
    .wavy-composer-send span { display:none; }
    .wavy-composer-send { width:42px;padding:0; }
    .wavy-voice-options-popover { left:-52px; }
    #wavy-voice-hint { max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
}
@media (prefers-reduced-motion:reduce) {
    .wavy-composer-mic,.wavy-composer[data-state] .wavy-composer-mic { animation:none !important; }
}

/* Phase 15 — engagement, command center, PWA and dark-mode system */
.hw-notification-dot {
    position:absolute;right:-4px;top:-5px;display:grid;min-width:19px;height:19px;place-items:center;border:2px solid #fff;border-radius:999px;background:#e11d48;padding:0 4px;color:#fff;font-size:9px;font-weight:800;line-height:1;
}
.hw-command-overlay { position:fixed;inset:0;z-index:100;align-items:flex-start;justify-content:center;padding:8vh 16px 16px; }
.hw-command-overlay:not(.hidden) { display:flex; }
.hw-command-backdrop { position:absolute;inset:0;background:rgba(2,6,23,.66);backdrop-filter:blur(10px); }
.hw-command-panel { position:relative;width:min(760px,100%);overflow:hidden;border:1px solid rgba(148,163,184,.35);border-radius:26px;background:#fff;box-shadow:0 36px 100px rgba(2,6,23,.35); }
.hw-command-search { display:flex;align-items:center;gap:12px;border-bottom:1px solid #e2e8f0;padding:16px 18px; }
.hw-command-search>svg { width:21px;height:21px;color:#0e7490; }
.hw-command-search input { min-width:0;flex:1;border:0;background:transparent;padding:0;font-size:16px;color:#0f172a;outline:none;box-shadow:none!important; }
.hw-command-search kbd { border:1px solid #cbd5e1;border-bottom-width:2px;border-radius:8px;background:#f8fafc;padding:3px 7px;font-size:10px;font-weight:700;color:#64748b; }
.hw-command-results { max-height:min(58vh,520px);overflow-y:auto;padding:8px; }
.hw-command-item { display:flex;width:100%;align-items:center;gap:12px;border-radius:16px;padding:12px;text-align:left;color:#334155; }
.hw-command-item:hover,.hw-command-item.is-active { background:#ecfeff;color:#0e7490; }
.hw-command-item>span:first-child { display:grid;width:38px;height:38px;flex:none;place-items:center;border-radius:13px;background:#f1f5f9; }
.hw-command-item svg { width:18px;height:18px; }
.hw-command-item strong,.hw-command-item small { display:block; }
.hw-command-item strong { font-size:13px;color:#0f172a; }
.hw-command-item small { margin-top:2px;font-size:11px;color:#64748b; }
.hw-command-footer { display:flex;flex-wrap:wrap;gap:14px;border-top:1px solid #e2e8f0;background:#f8fafc;padding:10px 16px;font-size:10px;font-weight:650;color:#64748b; }
.hw-notification-panel { position:fixed;right:14px;top:82px;z-index:95;width:min(420px,calc(100vw - 28px));overflow:hidden;border:1px solid #cbd5e1;border-radius:24px;background:#fff;box-shadow:0 28px 80px rgba(2,6,23,.24); }
.hw-notification-feed-item { display:flex;gap:12px;border-bottom:1px solid #f1f5f9;padding:14px; }
.hw-notification-feed-item:hover { background:#f8fafc; }
.hw-notification-feed-item>span { display:grid;width:36px;height:36px;flex:none;place-items:center;border-radius:12px;background:#cffafe;color:#0e7490; }
.hw-notification-feed-item strong,.hw-notification-feed-item small { display:block; }
.hw-notification-feed-item strong { font-size:12px;color:#0f172a; }
.hw-notification-feed-item p { margin-top:3px;font-size:11px;line-height:1.55;color:#64748b; }
.hw-notification-feed-item small { margin-top:4px;font-size:9px;color:#94a3b8; }
.hw-install-app { position:fixed;left:18px;bottom:88px;z-index:80;display:flex;align-items:center;gap:8px;border:1px solid rgba(103,232,249,.3);border-radius:16px;background:#071c33;padding:11px 14px;color:#fff;box-shadow:0 18px 48px rgba(2,6,23,.28);font-size:12px;font-weight:700; }
.hw-install-app.hidden { display:none; }
.hw-draft-status { margin-top:8px;font-size:10px;font-weight:650;color:#0e7490; }

.dark { color-scheme:dark;--surface:#07111f;--surface-strong:#0b1728;--panel:#0f1d2e;--ink:#e2e8f0;--muted:#94a3b8;--shadow-card:0 14px 38px rgba(0,0,0,.26); }
.dark body { background:radial-gradient(circle at 20% -20%,rgba(34,211,238,.08),transparent 34rem),var(--surface);color:#e2e8f0; }
.dark .hw-panel,.dark .hw-card,.dark .hw-topbar,.dark .hw-account-menu,.dark .hw-command-panel,.dark .hw-notification-panel,.dark .bg-white { background-color:#0f1d2e!important;border-color:#24364a!important;color:#e2e8f0; }
.dark .bg-slate-50,.dark .bg-slate-50\/70,.dark .bg-slate-100 { background-color:#13243a!important; }
.dark .text-slate-950,.dark .text-slate-900,.dark .text-slate-800,.dark .text-slate-700 { color:#e2e8f0!important; }
.dark .text-slate-600,.dark .text-slate-500,.dark .text-slate-400 { color:#94a3b8!important; }
.dark .border-slate-200,.dark .border-slate-200\/80,.dark .border-slate-300,.dark .divide-slate-100>*+* { border-color:#24364a!important; }
.dark input,.dark select,.dark textarea { border-color:#334155!important;background:#0b1728!important;color:#e2e8f0!important; }
.dark .hw-secondary-button,.dark .hw-icon-button,.dark .hw-topbar-action { border-color:#334155;background:#13243a;color:#cbd5e1; }
.dark .hw-command-search,.dark .hw-command-footer { border-color:#24364a;background:#0f1d2e; }
.dark .hw-command-search input { color:#e2e8f0; }
.dark .hw-command-item strong,.dark .hw-notification-feed-item strong { color:#e2e8f0; }
.dark .hw-command-item:hover,.dark .hw-command-item.is-active,.dark .hw-notification-feed-item:hover { background:#12344a; }
.dark .hw-notification-dot { border-color:#0f1d2e; }

@media (max-width:640px){.hw-command-overlay{padding-top:3vh}.hw-command-panel{border-radius:22px}.hw-notification-panel{top:70px}.hw-install-app{bottom:82px;left:10px}.hw-command-footer{display:none}}
@media (prefers-reduced-motion:reduce){.hw-command-panel,.hw-notification-panel,.hw-install-app{transition:none!important;animation:none!important}}

/* Phase 15 dashboard engagement cards */
.hw-engagement-card{display:flex;align-items:center;gap:1rem;min-width:0;border:1px solid rgb(226 232 240/.9);border-radius:24px;background:var(--panel,#fff);padding:1rem 1.1rem;box-shadow:0 12px 32px rgb(15 23 42/.05);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.hw-engagement-card:hover{transform:translateY(-2px);border-color:rgb(103 232 249/.9);box-shadow:0 18px 42px rgb(15 23 42/.08)}.hw-engagement-card>div{min-width:0;flex:1}.hw-engagement-card small{display:block;font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#64748b}.hw-engagement-card strong{display:block;margin-top:.25rem;font-size:.93rem;color:#0f172a}.hw-engagement-card p{margin-top:.25rem;font-size:.75rem;line-height:1.45;color:#64748b}.dark .hw-engagement-card strong{color:#f8fafc}.dark .hw-engagement-card{border-color:rgb(51 65 85/.85);background:#0d2137}.dark .hw-engagement-card p,.dark .hw-engagement-card small{color:#94a3b8}
.reduce-motion *, .reduce-motion *::before, .reduce-motion *::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.compact-sidebar .hw-sidebar-nav .hw-nav-link{padding-top:.55rem;padding-bottom:.55rem}.compact-sidebar .hw-nav-copy small{display:none}.compact-sidebar .hw-nav-group summary{padding-top:.65rem;padding-bottom:.65rem}


/* Phase 15.0.7 homepage asset and theme-control repair */

/* Keep the long premium homepage readable even before utility hydration. */
.marketing-page { overflow-x: hidden; }
.health-workspace-story { isolation: isolate; }
.marketing-hero-copy-v2 { position: relative; z-index: 2; min-width: 0; }

/* Phase 16.2 — personalized care, premium public platform and alignment system */

@media (min-width: 640px) {
    .hw-dashboard-care-head { flex-direction:row; align-items:flex-end; justify-content:space-between; }
    .hw-dashboard-care-options { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .hw-platform-section-head { grid-template-columns:auto minmax(0,1fr); align-items:start; }
    .hw-platform-lab-form { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .hw-platform-lab-form > span { grid-column:1/-1; }
    .hw-platform-principles { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (min-width: 768px) {
    .hw-mkt-links { display:flex; }
    .hw-mkt-trust-strip { grid-template-columns:repeat(4,minmax(0,1fr)); }
    .hw-mkt-trust-strip > div + div { border-left:1px solid #dbe9e5; }
    .hw-mkt-care-flow { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .hw-mkt-deep-map { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .hw-platform-map-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .hw-platform-detail-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .hw-platform-privacy-grid,
    .hw-platform-wavy-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .hw-platform-benefit-row { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .hw-platform-plan-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .hw-dashboard-care-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (min-width: 1024px) {
    .hw-mkt-hero-grid,
    .hw-platform-hero-grid { grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr); }
    .hw-mkt-feature-split { grid-template-columns:1fr 1fr; }
    .hw-mkt-feature-reverse .hw-mkt-feature-visual { order:1; }
    .hw-mkt-feature-reverse .hw-mkt-feature-copy { order:2; }
    .hw-mkt-reliability-grid { grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); }
    .hw-mkt-ai-grid { grid-template-columns:minmax(0,1fr) minmax(420px,.85fr); }
    .hw-platform-lab-grid { grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr); }
    .hw-platform-timeline { grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; align-items:center; }
    .hw-platform-timeline i { display:block; width:2rem; height:1px; background:#cbd5e1; }
    .hw-dashboard-care-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width: 767px) {
    .hw-care-hero-visual,
    .hw-women-orbit,
    .hw-preventive-orbit { opacity:.35; right:-9rem; }
    .hw-program-hero { grid-template-columns:1fr; }
    .hw-program-hero-metric { max-width:100%; }
    .hw-care-program-card { flex-direction:column; }
    .hw-mkt-feature-split { min-height:auto; }
    .hw-mkt-feature-visual { min-height:360px; }
    .hw-mkt-feature-copy { min-height:420px; }
    .hw-mkt-product-stage { min-height:400px; }
    .hw-mkt-float { display:none; }
    .hw-platform-orbit { min-height:360px; transform:scale(.85); }
    .hw-care-entry,
    .hw-preventive-item { grid-template-columns:auto minmax(0,1fr); }
    .hw-care-entry > :last-child,
    .hw-preventive-item > :last-child { grid-column:1/-1; }
}

.dark .hw-care-stat,
.dark .hw-care-program-card,
.dark .hw-dashboard-care,
.dark .hw-dashboard-program,
.dark .hw-dashboard-care-option,
.dark .hw-care-entry,
.dark .hw-preventive-item { border-color:#243449; background:#101c2c; }
.dark .hw-care-stat strong,
.dark .hw-care-program-card h3,
.dark .hw-dashboard-program strong,
.dark .hw-dashboard-care-option strong,
.dark .hw-care-entry strong,
.dark .hw-preventive-item strong { color:#f8fafc; }
.dark .hw-care-stat p,
.dark .hw-care-program-card > div > p,
.dark .hw-dashboard-program p,
.dark .hw-dashboard-care-empty-copy p { color:#94a3b8; }
.dark .hw-dashboard-care-empty { border-color:#334155; background:#0c1726; }
.dark .hw-choice-card,
.dark .hw-toggle-row { border-color:#334155; background:#101c2c; color:#e2e8f0; }

/* ========================================================================
   HealthWavy Phase 16.2.1 — Premium homepage responsive repair
   Repairs the Phase 16.2 marketing markup/CSS contract without touching app data.
   ======================================================================== */

.marketing-page {
    min-width: 0;
    overflow-x: hidden;
    background: #f8fafc;
    color: #0f172a;
}

.marketing-page .hw-mkt-container {
    width: min(1180px, calc(100% - 2rem)) !important;
    max-width: none !important;
    margin-inline: auto !important;
}

/* Navigation */
.marketing-page .hw-mkt-nav {
    background: rgba(248, 251, 252, .94);
    box-shadow: 0 1px 0 rgba(15, 23, 42, .04);
}
.marketing-page .hw-mkt-nav-inner { min-width: 0; }
.marketing-page .marketing-brand { display: inline-flex; min-width: 0; align-items: center; }

/* Hero product preview */
.marketing-page .hw-mkt-product-stage {
    display: grid;
    min-width: 0;
    align-items: center;
}
.marketing-page .hw-mkt-stage-orbit {
    position: absolute;
    pointer-events: none;
    border: 1px solid rgba(13, 148, 136, .16);
    border-radius: 999px;
}
.marketing-page .hw-mkt-stage-orbit-a { inset: 8% -6% 12% 16%; transform: rotate(-8deg); }
.marketing-page .hw-mkt-stage-orbit-b { inset: 17% 4% 4% 5%; transform: rotate(7deg); }
.marketing-page .hw-mkt-dashboard-window { width: min(100%, 560px); margin-inline: auto; }
.marketing-page .hw-mkt-window-bar {
    display: grid;
    grid-template-columns: auto auto 1fr auto;
    gap: .35rem;
    justify-content: initial;
}
.marketing-page .hw-mkt-window-bar > span {
    display: block;
    width: .48rem;
    height: .48rem;
    border-radius: 999px;
    background: #cbd5e1;
}
.marketing-page .hw-mkt-window-bar > span:nth-child(1) { background: #fda4af; }
.marketing-page .hw-mkt-window-bar > span:nth-child(2) { background: #fde68a; }
.marketing-page .hw-mkt-window-bar > span:nth-child(3) { background: #86efac; }
.marketing-page .hw-mkt-window-bar strong { margin-left: .35rem; }
.marketing-page .hw-mkt-window-bar small { color: #94a3b8; font-size: .58rem; }
.marketing-page .hw-mkt-window-body {
    display: grid;
    grid-template-columns: 84px minmax(0, 1fr);
    gap: .8rem;
    padding: .85rem;
}
.marketing-page .hw-mkt-window-body > aside {
    display: grid;
    align-content: start;
    gap: .35rem;
    border-radius: 18px;
    background: #071c33;
    padding: .55rem;
}
.marketing-page .hw-mkt-window-body > aside > div {
    display: grid;
    justify-items: center;
    gap: .25rem;
    border-radius: 11px;
    padding: .55rem .25rem;
    color: #8da4b8;
    font-size: .48rem;
    font-weight: 700;
}
.marketing-page .hw-mkt-window-body > aside > div.is-active { background: rgba(45, 212, 191, .14); color: #99f6e4; }
.marketing-page .hw-mkt-window-body > aside svg { width: .9rem; height: .9rem; }
.marketing-page .hw-mkt-window-body > section { min-width: 0; }
.marketing-page .hw-mkt-window-hero strong {
    display: block;
    margin-top: .35rem;
    font-size: clamp(1.05rem, 2.2vw, 1.55rem);
    line-height: 1.05;
    letter-spacing: -.035em;
}
.marketing-page .hw-mkt-window-hero p { margin-top: .4rem; color: #b7d8d4; font-size: .6rem; }
.marketing-page .hw-mkt-window-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.marketing-page .hw-mkt-window-grid > article { min-width: 0; border: 1px solid #e2e8f0; border-radius: 16px; padding: .75rem; }
.marketing-page .hw-mkt-window-grid > article > span { display: grid; width: 1.7rem; height: 1.7rem; place-items: center; border-radius: .6rem; }
.marketing-page .hw-mkt-window-grid > article svg { width: .85rem; height: .85rem; }
.marketing-page .hw-mkt-window-grid i { display: block; margin-top: .25rem; color: #94a3b8; font-size: .52rem; font-style: normal; }
.marketing-page .hw-mkt-window-action { display: flex; align-items: center; gap: .65rem; }
.marketing-page .hw-mkt-window-action > span { display: grid; width: 2rem; height: 2rem; flex: 0 0 auto; place-items: center; border-radius: .7rem; background: #d1fae5; }
.marketing-page .hw-mkt-window-action small { display: block; color: #0f766e; font-size: .52rem; text-transform: uppercase; }
.marketing-page .hw-mkt-window-action strong { display: block; margin-top: .15rem; color: #064e3b; font-size: .65rem; }
.marketing-page .hw-mkt-window-action > svg { width: .9rem; height: .9rem; margin-left: auto; }
.marketing-page .hw-mkt-float { display: flex; align-items: center; gap: .65rem; }
.marketing-page .hw-mkt-float > span { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: .7rem; background: #ecfdf5; color: #047857; }
.marketing-page .hw-mkt-float svg { width: 1rem; height: 1rem; }

/* Trust strip */
.marketing-page .hw-mkt-trust-strip { display: block; }
.marketing-page .hw-mkt-trust-strip > .hw-mkt-container {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.marketing-page .hw-mkt-trust-strip article {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .8rem;
    padding: 1.2rem 1rem;
}
.marketing-page .hw-mkt-trust-strip article + article { border-left: 1px solid #dbe9e5; }
.marketing-page .hw-mkt-trust-strip article > span {
    display: grid;
    width: 2.4rem;
    height: 2.4rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: .8rem;
    background: #e7f8f2;
    color: #047857;
}
.marketing-page .hw-mkt-trust-strip article svg { width: 1.1rem; height: 1.1rem; }
.marketing-page .hw-mkt-trust-strip article p { margin-top: .2rem; color: #64748b; font-size: .62rem; line-height: 1.45; }

/* Section heading contract */
.marketing-page .hw-mkt-heading {
    display: grid;
    max-width: none;
    grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
    align-items: end;
    gap: clamp(1.5rem, 4vw, 4rem);
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: normal;
}
.marketing-page .hw-mkt-heading h2 {
    margin-top: .9rem;
    max-width: 760px;
    color: #071c33;
    font-size: clamp(2.35rem, 5vw, 5rem);
    font-weight: 680;
    line-height: .96;
    letter-spacing: -.065em;
}
.marketing-page .hw-mkt-heading > p {
    margin: 0;
    max-width: 520px;
    color: #64748b;
    font-size: .98rem;
    line-height: 1.75;
}
.marketing-page .hw-mkt-heading-light h2 { color: #fff; }
.marketing-page .hw-mkt-heading-light > p { color: #a9b9c9; }

/* Four premium product stories */
.marketing-page .hw-mkt-feature-stack {
    display: grid;
    width: 100%;
    max-width: none;
    gap: 1.5rem;
    margin-top: 2.5rem;
}
.marketing-page .hw-mkt-feature-split {
    width: 100%;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.marketing-page .hw-mkt-feature-copy,
.marketing-page .hw-mkt-feature-visual { padding: clamp(2rem, 5vw, 4.5rem); }
.marketing-page .hw-mkt-feature-copy > small {
    color: #0f766e;
    font-size: .66rem;
    font-weight: 850;
    letter-spacing: .16em;
}
.marketing-page .hw-mkt-feature-copy h3 {
    margin-top: 1rem;
    max-width: 620px;
    color: #043f36;
    font-size: clamp(2.15rem, 4.2vw, 4.45rem);
    font-weight: 680;
    line-height: .97;
    letter-spacing: -.062em;
}
.marketing-page .hw-mkt-feature-dark .hw-mkt-feature-copy > small { color: #5eead4; }
.marketing-page .hw-mkt-feature-dark .hw-mkt-feature-copy h3 { color: #fff; }
.marketing-page .hw-mkt-feature-copy > p { font-size: .96rem; line-height: 1.75; }
.marketing-page .hw-mkt-feature-visual { isolation: isolate; }
.marketing-page .hw-mkt-feature-visual::before,
.marketing-page .hw-mkt-feature-visual::after {
    position: absolute;
    z-index: -1;
    content: '';
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 999px;
}
.marketing-page .hw-mkt-feature-visual::before { width: 420px; height: 240px; transform: rotate(-14deg); }
.marketing-page .hw-mkt-feature-visual::after { width: 300px; height: 300px; transform: translate(32%, 28%); }
.marketing-page .hw-mkt-phone-card { display: grid; gap: .65rem; }
.marketing-page .hw-mkt-phone-card .hw-mkt-record {
    border-color: rgba(255,255,255,.16);
    background: rgba(255,255,255,.1);
    color: #fff;
    padding: .8rem;
}
.marketing-page .hw-mkt-phone-card .hw-mkt-record.is-active { background: rgba(236,253,245,.96); color: #064e3b; }
.marketing-page .hw-mkt-phone-card .hw-mkt-record > svg { width: .9rem; height: .9rem; margin-left: auto; }
.marketing-page .hw-mkt-phone-card .hw-mkt-save { display: flex; align-items: center; justify-content: center; gap: .4rem; color: #075f55; }
.marketing-page .hw-mkt-phone-card .hw-mkt-save svg { width: .9rem; height: .9rem; }

.marketing-page .hw-mkt-feature-visual-care .hw-mkt-care-flow {
    display: grid;
    width: min(100%, 460px);
    grid-template-columns: auto 1fr auto 1fr auto;
    align-items: center;
    gap: .7rem;
    margin: 0;
}
.marketing-page .hw-mkt-feature-visual-care .hw-mkt-care-flow > span {
    display: grid;
    width: 4.2rem;
    height: 4.2rem;
    place-items: center;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 1.35rem;
    background: rgba(255,255,255,.1);
    color: #99f6e4;
    box-shadow: 0 20px 45px rgba(0,0,0,.16);
}
.marketing-page .hw-mkt-feature-visual-care .hw-mkt-care-flow > span svg { width: 1.45rem; height: 1.45rem; }
.marketing-page .hw-mkt-feature-visual-care .hw-mkt-care-flow > i { height: 1px; background: rgba(153,246,228,.45); }
.marketing-page .hw-mkt-feature-visual-care .hw-mkt-care-flow > div {
    grid-column: 1 / -1;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 18px;
    background: rgba(255,255,255,.08);
    padding: 1rem;
    text-align: center;
}
.marketing-page .hw-mkt-feature-visual-care .hw-mkt-care-flow strong { display: block; font-size: .82rem; }
.marketing-page .hw-mkt-feature-visual-care .hw-mkt-care-flow small { display: block; margin-top: .3rem; color: #9fb3c6; font-size: .62rem; }

.marketing-page .hw-mkt-nutrition-card { width: min(100%, 390px); color: #fff; }
.marketing-page .hw-mkt-nutrition-card > div:first-child { display: grid; grid-template-columns: auto 1fr; align-items: center; -moz-column-gap: .7rem; column-gap: .7rem; }
.marketing-page .hw-mkt-nutrition-card > div:first-child > span { display: grid; width: 2.6rem; height: 2.6rem; grid-row: 1 / 3; place-items: center; border-radius: .9rem; background: rgba(255,255,255,.12); }
.marketing-page .hw-mkt-nutrition-card small { color: rgba(255,255,255,.65); font-size: .6rem; }
.marketing-page .hw-mkt-nutrition-card strong { font-size: .85rem; }
.marketing-page .hw-mkt-nutrition-card .hw-mkt-macro-row i {
    position: relative;
    overflow: hidden;
    min-height: 72px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 16px;
    background: rgba(255,255,255,.08);
    padding: .75rem .45rem;
    color: #fff;
    font-size: .62rem;
    font-style: normal;
    text-align: center;
}
.marketing-page .hw-mkt-nutrition-card .hw-mkt-macro-row i::after {
    position: absolute;
    right: .35rem;
    bottom: .35rem;
    left: .35rem;
    height: .3rem;
    border-radius: 999px;
    background: linear-gradient(90deg,#c4b5fd var(--v),rgba(255,255,255,.14) var(--v));
    content: '';
}
.marketing-page .hw-mkt-nutrition-card .hw-mkt-grocery { display: flex; align-items: center; gap: .65rem; }
.marketing-page .hw-mkt-nutrition-card .hw-mkt-grocery > svg { width: 1.1rem; height: 1.1rem; }
.marketing-page .hw-mkt-nutrition-card .hw-mkt-grocery strong,
.marketing-page .hw-mkt-nutrition-card .hw-mkt-grocery small { display: block; }

.marketing-page .hw-mkt-feature-visual-account { display: grid; grid-template-columns: minmax(120px,.7fr) minmax(0,1fr); gap: 1rem; }
.marketing-page .hw-mkt-account-orbit { position: relative; display: grid; min-height: 260px; place-items: end center; }
.marketing-page .hw-mkt-account-orbit > i { position: absolute; border: 1px solid rgba(153,246,228,.22); border-radius: 999px; }
.marketing-page .hw-mkt-account-orbit > i:nth-child(1) { inset: 15% -35% 10% -35%; }
.marketing-page .hw-mkt-account-orbit > i:nth-child(2) { inset: 28% -15% 0 -15%; }
.marketing-page .hw-mkt-account-orbit > span {
    position: relative;
    z-index: 1;
    display: grid;
    width: 5rem;
    height: 5rem;
    place-items: center;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 1.6rem;
    background: rgba(255,255,255,.12);
    color: #99f6e4;
}
.marketing-page .hw-mkt-account-orbit > strong { position: relative; z-index: 1; margin-top: .55rem; font-size: .72rem; }
.marketing-page .hw-mkt-account-menu { align-self: center; }
.marketing-page .hw-mkt-account-menu > div > svg { width: 1.05rem; height: 1.05rem; flex: 0 0 auto; color: #99f6e4; }

/* Care programs */
.marketing-page .hw-mkt-program-grid {
    display: grid;
    width: 100%;
    max-width: none;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .8rem;
    margin-top: 2.2rem;
}
.marketing-page .hw-mkt-program {
    position: relative;
    min-width: 0;
    min-height: 230px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 24px;
    background: rgba(255,255,255,.06);
    padding: 1.2rem;
    color: #fff;
}
.marketing-page .hw-mkt-program > span { display: grid; width: 2.8rem; height: 2.8rem; place-items: center; border-radius: .95rem; background: rgba(45,212,191,.12); color: #5eead4; }
.marketing-page .hw-mkt-program > span svg { width: 1.2rem; height: 1.2rem; }
.marketing-page .hw-mkt-program > small { display: block; margin-top: 1rem; color: #91a8bb; font-size: .56rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.marketing-page .hw-mkt-program h3 { margin-top: .5rem; font-size: .92rem; font-weight: 700; }
.marketing-page .hw-mkt-program p { margin-top: .5rem; color: #a8bac9; font-size: .68rem; line-height: 1.55; }
.marketing-page .hw-mkt-program > i { position: absolute; right: 1rem; bottom: 1rem; display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: .7rem; background: rgba(255,255,255,.08); font-style: normal; }
.marketing-page .hw-mkt-program-cta {
    display: flex;
    width: 100%;
    grid-column: auto;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 22px;
    background: rgba(255,255,255,.06);
    padding: 1rem 1.1rem;
    color: #fff;
    text-align: left;
}
.marketing-page .hw-mkt-program-cta small { display: block; color: #99f6e4; font-size: .58rem; font-weight: 800; text-transform: uppercase; }
.marketing-page .hw-mkt-program-cta strong { display: block; margin-top: .25rem; font-size: .78rem; }

/* Reliability */
.marketing-page .hw-mkt-reliability-grid { grid-template-columns: 1.15fr .925fr .925fr; margin-top: 2rem; }
.marketing-page .hw-mkt-reliability-card { min-width: 0; }
.marketing-page .hw-mkt-reliability-card > small { display: block; margin-top: 1rem; color: #0f766e; font-size: .58rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.marketing-page .hw-mkt-reliability-main > small { color: #99f6e4; }
.marketing-page .hw-mkt-reliability-card > a { display: inline-flex; align-items: center; gap: .4rem; margin-top: 1rem; color: #0f766e; font-size: .7rem; font-weight: 800; }
.marketing-page .hw-mkt-reliability-card > a svg { width: .85rem; height: .85rem; }
.marketing-page .hw-mkt-mini-list { display: grid; gap: .5rem; margin-top: 1rem; }
.marketing-page .hw-mkt-mini-list span { display: flex; align-items: center; gap: .45rem; color: #d8f4ed; font-size: .66rem; }
.marketing-page .hw-mkt-mini-list svg { width: .85rem; height: .85rem; }
.marketing-page .hw-mkt-icon-emerald { background: #ecfdf5; color: #047857; }
.marketing-page .hw-mkt-icon-violet { background: #f5f3ff; color: #6d28d9; }

/* Wavy section */
.marketing-page .hw-mkt-ai-copy {
    margin-top: 1.2rem;
    max-width: 640px;
    color: #526273;
    font-size: .95rem;
    line-height: 1.8;
}
.marketing-page .hw-mkt-boundary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.marketing-page .hw-mkt-boundary-grid > article {
    display: flex;
    gap: .75rem;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #f8fafc;
    padding: .9rem;
}
.marketing-page .hw-mkt-boundary-grid > article > span { display: grid; width: 2.2rem; height: 2.2rem; flex: 0 0 auto; place-items: center; border-radius: .75rem; background: #ede9fe; color: #6d28d9; }
.marketing-page .hw-mkt-boundary-grid > article svg { width: 1rem; height: 1rem; }
.marketing-page .hw-mkt-boundary-grid strong { display: block; color: #0f172a; font-size: .72rem; }
.marketing-page .hw-mkt-boundary-grid p { margin-top: .25rem; color: #64748b; font-size: .62rem; line-height: 1.5; }
.marketing-page .hw-mkt-ai-core::before,
.marketing-page .hw-mkt-ai-core::after { position: absolute; content: ''; border: 1px solid rgba(124,58,237,.18); border-radius: 999px; }
.marketing-page .hw-mkt-ai-core::before { width: 230px; height: 230px; }
.marketing-page .hw-mkt-ai-core::after { width: 340px; height: 180px; transform: rotate(-18deg); }
.marketing-page .hw-mkt-ai-core > span { position: relative; z-index: 1; }
.marketing-page .hw-mkt-ai-message strong { display: block; margin-top: .35rem; font-size: .72rem; line-height: 1.45; }

/* Deep guide CTA */
.marketing-page .hw-mkt-deep-card {
    display: grid;
    max-width: none;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
    align-items: center;
    gap: 3rem;
    border: 0;
    border-radius: 34px;
    background: linear-gradient(145deg,#063d38,#075f55);
    padding: clamp(2rem, 5vw, 4.5rem);
    color: #fff;
}
.marketing-page .hw-mkt-deep-card h2 { margin-top: 1rem; max-width: 680px; font-size: clamp(2.1rem, 4vw, 4.2rem); font-weight: 680; line-height: .98; letter-spacing: -.06em; }
.marketing-page .hw-mkt-deep-card > div:first-child > p { margin-top: 1rem; max-width: 650px; color: #b7d8d4; line-height: 1.75; }
.marketing-page .hw-mkt-deep-map { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
.marketing-page .hw-mkt-deep-map > span { display: flex; align-items: center; gap: .55rem; border: 1px solid rgba(255,255,255,.14); border-radius: 16px; background: rgba(255,255,255,.08); padding: .8rem; color: #fff; font-size: .68rem; }
.marketing-page .hw-mkt-deep-map svg { width: 1rem; height: 1rem; color: #99f6e4; }

/* Footer */
.marketing-page .hw-mkt-footer > .hw-mkt-container { grid-template-columns: 1fr auto minmax(220px,.65fr); align-items: center; }

@media (max-width: 1100px) {
    .marketing-page .hw-mkt-program-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
    .marketing-page .hw-mkt-heading { grid-template-columns: 1fr; align-items: start; gap: 1rem; }
    .marketing-page .hw-mkt-heading > p { max-width: 680px; }
    .marketing-page .hw-mkt-feature-split { grid-template-columns: 1fr; }
    .marketing-page .hw-mkt-feature-split .hw-mkt-feature-visual { order: 1 !important; }
    .marketing-page .hw-mkt-feature-split .hw-mkt-feature-copy { order: 2 !important; }
    .marketing-page .hw-mkt-feature-visual { min-height: 420px; }
    .marketing-page .hw-mkt-feature-copy { min-height: auto; }
    .marketing-page .hw-mkt-reliability-grid { grid-template-columns: 1fr; }
    .marketing-page .hw-mkt-deep-card { grid-template-columns: 1fr; }
    .marketing-page .hw-mkt-footer > .hw-mkt-container { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
    .marketing-page .hw-mkt-container { width: min(100% - 1.25rem, 1180px) !important; }
    .marketing-page .hw-mkt-nav-inner { min-height: 64px; }
    .marketing-page .hw-mkt-nav .hw-primary-button { padding: .65rem .8rem !important; font-size: .68rem; }
    .marketing-page .hw-mkt-hero { padding: 3rem 0 3.5rem; }
    .marketing-page .hw-mkt-hero-grid { gap: 2rem; }
    .marketing-page .hw-mkt-hero h1 { font-size: clamp(2.25rem, 12.5vw, 3.25rem); line-height: .94; }
    .marketing-page .hw-mkt-hero-copy > p { margin-top: 1rem; font-size: .88rem; line-height: 1.7; }
    .marketing-page .hw-mkt-product-stage { min-height: 340px; }
    .marketing-page .hw-mkt-dashboard-window { border-radius: 22px; }
    .marketing-page .hw-mkt-window-body { grid-template-columns: 1fr; }
    .marketing-page .hw-mkt-window-body > aside { grid-template-columns: repeat(5,minmax(0,1fr)); }
    .marketing-page .hw-mkt-window-body > aside > div { padding: .45rem .15rem; }
    .marketing-page .hw-mkt-window-grid { grid-template-columns: 1fr 1fr; }
    .marketing-page .hw-mkt-window-grid > article:last-child { grid-column: 1 / -1; }
    .marketing-page .hw-mkt-trust-strip > .hw-mkt-container { grid-template-columns: 1fr 1fr; }
    .marketing-page .hw-mkt-trust-strip article { align-items: flex-start; padding: .9rem .5rem; }
    .marketing-page .hw-mkt-trust-strip article + article { border-left: 0; }
    .marketing-page .hw-mkt-trust-strip article:nth-child(even) { border-left: 1px solid #dbe9e5; }
    .marketing-page .hw-mkt-trust-strip article:nth-child(n+3) { border-top: 1px solid #dbe9e5; }
    .marketing-page .hw-mkt-trust-strip article > span { width: 2rem; height: 2rem; }
    .marketing-page .hw-mkt-section { padding: 3.6rem 0; }
    .marketing-page .hw-mkt-heading h2 { font-size: clamp(2rem, 10.5vw, 3rem); }
    .marketing-page .hw-mkt-heading > p { font-size: .85rem; line-height: 1.65; }
    .marketing-page .hw-mkt-feature-stack { margin-top: 1.6rem; gap: 1rem; }
    .marketing-page .hw-mkt-feature-split { min-height: 0; border-radius: 25px; }
    .marketing-page .hw-mkt-feature-copy,
    .marketing-page .hw-mkt-feature-visual { padding: 1.35rem; }
    .marketing-page .hw-mkt-feature-visual { min-height: 330px; }
    .marketing-page .hw-mkt-feature-copy { min-height: 0; padding-block: 2rem; }
    .marketing-page .hw-mkt-feature-copy h3 { font-size: clamp(1.9rem, 9vw, 2.7rem); }
    .marketing-page .hw-mkt-feature-copy > p { font-size: .84rem; line-height: 1.65; }
    .marketing-page .hw-mkt-pills { gap: .4rem; }
    .marketing-page .hw-mkt-pills span { padding: .45rem .58rem; font-size: .6rem; }
    .marketing-page .hw-mkt-feature-visual-account { grid-template-columns: 1fr; }
    .marketing-page .hw-mkt-account-orbit { min-height: 120px; }
    .marketing-page .hw-mkt-account-orbit > i { display: none; }
    .marketing-page .hw-mkt-account-orbit > span { width: 4rem; height: 4rem; }
    .marketing-page .hw-mkt-program-grid { grid-template-columns: 1fr; }
    .marketing-page .hw-mkt-program { min-height: 190px; }
    .marketing-page .hw-mkt-program-cta { align-items: flex-start; flex-direction: column; }
    .marketing-page .hw-mkt-ai-grid { gap: 1.5rem; }
    .marketing-page .hw-mkt-ai-visual { min-height: 330px; }
    .marketing-page .hw-mkt-ai-message { max-width: 185px; padding: .8rem; }
    .marketing-page .hw-mkt-ai-message-a { top: .5rem; }
    .marketing-page .hw-mkt-ai-message-b { bottom: .5rem; }
    .marketing-page .hw-mkt-ai-title { font-size: clamp(2rem, 10vw, 3rem); }
    .marketing-page .hw-mkt-boundary-grid { grid-template-columns: 1fr; }
    .marketing-page .hw-mkt-deep-card { gap: 2rem; border-radius: 25px; padding: 1.5rem; }
    .marketing-page .hw-mkt-deep-card h2 { font-size: clamp(1.95rem, 9.5vw, 2.8rem); }
    .marketing-page .hw-mkt-deep-map { grid-template-columns: 1fr 1fr; }
    .marketing-page .hw-mkt-final-title { font-size: clamp(2rem, 10vw, 3rem); }
}

@media (max-width: 390px) {
    .marketing-page .hw-mkt-trust-strip > .hw-mkt-container { grid-template-columns: 1fr; }
    .marketing-page .hw-mkt-trust-strip article:nth-child(even) { border-left: 0; }
    .marketing-page .hw-mkt-trust-strip article + article { border-top: 1px solid #dbe9e5; }
    .marketing-page .hw-mkt-window-grid { grid-template-columns: 1fr; }
    .marketing-page .hw-mkt-window-grid > article:last-child { grid-column: auto; }
    .marketing-page .hw-mkt-feature-visual-care .hw-mkt-care-flow { grid-template-columns: auto 1fr auto 1fr auto; gap: .35rem; }
    .marketing-page .hw-mkt-feature-visual-care .hw-mkt-care-flow > span { width: 3rem; height: 3rem; border-radius: 1rem; }
    .marketing-page .hw-mkt-deep-map { grid-template-columns: 1fr; }
}

/* HW_PHASE_16_2_3_HUMAN_EXPERIENCE_CSS_START */
.marketing-page{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.marketing-page p{letter-spacing:-.005em}
.homepage-experience .hw-mkt-container,.platform-page .hw-mkt-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.homepage-experience .hw-mkt-hero-copy h1{max-width:760px;font-size:clamp(2.35rem,4.6vw,4.35rem);line-height:1.04;letter-spacing:-.055em;text-wrap:balance}
.homepage-experience .hw-mkt-hero-copy>p{max-width:680px;font-size:clamp(1rem,1.25vw,1.13rem);line-height:1.75;color:rgba(226,232,240,.82)}
.homepage-experience .hw-mkt-heading h2,.homepage-experience .hw-mkt-final-title{font-size:clamp(1.9rem,3.2vw,3rem);line-height:1.12;letter-spacing:-.042em;text-wrap:balance}
.homepage-experience .hw-mkt-heading>p{max-width:640px;font-size:1rem;line-height:1.75}
.homepage-experience .hw-mkt-feature-copy h3{font-size:clamp(1.55rem,2.45vw,2.35rem);line-height:1.16;letter-spacing:-.035em;text-wrap:balance}
.homepage-experience .hw-mkt-feature-copy p{max-width:62ch;font-size:1rem;line-height:1.78}
.homepage-experience .hw-mkt-program-heading h2{font-size:clamp(1.9rem,3.1vw,2.9rem);line-height:1.14;letter-spacing:-.04em}
.homepage-experience .hw-mkt-program-grid h3{font-size:1.14rem;line-height:1.35}
.homepage-experience .hw-mkt-program-grid p{font-size:.96rem;line-height:1.68}

.homepage-experience .hw-live3d-stage,.homepage-experience .hw-mkt-product-stage{display:none!important}
.homepage-experience .hw-human-stage{--human-rx:0deg;--human-ry:0deg;--human-mx:50%;--human-my:50%;position:relative;min-height:590px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:36px;background:radial-gradient(circle at var(--human-mx) var(--human-my),rgba(83,198,195,.15),transparent 28%),linear-gradient(145deg,#102d37 0%,#0b202a 48%,#101b2d 100%);box-shadow:0 34px 88px rgba(2,15,27,.33),inset 0 1px 0 rgba(255,255,255,.11);perspective:1500px;isolation:isolate}
.homepage-experience .hw-human-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(118deg,rgba(255,255,255,.07),transparent 28%,transparent 72%,rgba(255,255,255,.04));pointer-events:none;z-index:8}
.homepage-experience .hw-human-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.homepage-experience .hw-human-atmosphere:before{content:"";position:absolute;left:-12%;right:-12%;bottom:-34%;height:68%;border-radius:50%;background:linear-gradient(180deg,rgba(82,196,190,.16),rgba(58,94,124,.04));transform:rotateX(68deg);box-shadow:0 -1px 0 rgba(255,255,255,.08)}
.homepage-experience .hw-human-atmosphere i{position:absolute;border-radius:999px;filter:blur(46px);opacity:.28;animation:hw-human-glow 9s ease-in-out infinite}
.homepage-experience .hw-human-atmosphere i:nth-child(1){width:230px;height:230px;left:-6%;top:12%;background:#5fc3bb}
.homepage-experience .hw-human-atmosphere i:nth-child(2){width:260px;height:260px;right:-5%;top:8%;background:#5876a6;animation-delay:-3s}
.homepage-experience .hw-human-atmosphere i:nth-child(3){width:190px;height:190px;right:28%;bottom:-8%;background:#d7a977;animation-delay:-6s}
.homepage-experience .hw-human-stage-head,.homepage-experience .hw-human-stage-foot{position:absolute;left:22px;right:22px;z-index:9;display:flex;align-items:center;justify-content:space-between;color:rgba(226,232,240,.68);font-size:.73rem;letter-spacing:.04em}
.homepage-experience .hw-human-stage-head{top:18px}.homepage-experience .hw-human-stage-foot{bottom:17px}
.homepage-experience .hw-human-stage-head span{display:inline-flex;align-items:center;gap:8px;color:#e7fbf8;font-weight:700}
.homepage-experience .hw-human-stage-head span i{width:7px;height:7px;border-radius:50%;background:#79d8c9;box-shadow:0 0 0 5px rgba(121,216,201,.11);animation:hw-human-pulse 2s ease-in-out infinite}
.homepage-experience .hw-human-scene{position:absolute;inset:52px 28px 48px;transform-style:preserve-3d;transform:rotateX(calc(3deg + var(--human-rx))) rotateY(calc(-4deg + var(--human-ry)));transition:transform .24s cubic-bezier(.2,.8,.2,1);animation:hw-human-scene 7.5s ease-in-out infinite}
.homepage-experience .hw-human-device{position:absolute;left:50%;top:50%;width:min(82%,620px);min-height:420px;transform:translate3d(-50%,-50%,64px);overflow:hidden;border:1px solid rgba(255,255,255,.28);border-radius:28px;background:linear-gradient(165deg,rgba(255,255,255,.98),rgba(240,247,247,.96));box-shadow:0 28px 66px rgba(1,13,24,.43),0 4px 12px rgba(1,13,24,.17),inset 0 1px 0 #fff;transform-style:preserve-3d}
.homepage-experience .hw-human-device:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 -1px 0 rgba(15,23,42,.07);pointer-events:none}
.homepage-experience .hw-human-device-bar{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #dde8e7;background:rgba(250,253,253,.92);color:#64748b;font-size:.72rem}
.homepage-experience .hw-human-device-bar span{display:inline-flex;align-items:center;gap:8px;color:#12303a;font-size:.82rem;font-weight:800}.homepage-experience .hw-human-device-bar svg{width:17px;height:17px;color:#2c8e84}
.homepage-experience .hw-human-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:10px 12px;border-bottom:1px solid #e4ecec;background:#f7fbfa}
.homepage-experience .hw-human-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;border:1px solid transparent;border-radius:11px;color:#64748b;font-size:.72rem;font-weight:750;transition:.22s ease}
.homepage-experience .hw-human-tabs button svg{width:15px;height:15px}.homepage-experience .hw-human-tabs button:hover{background:#edf5f3;color:#1f5d58}.homepage-experience .hw-human-tabs button.is-active{border-color:#c9e5e1;background:#dff2ef;color:#17665e;box-shadow:0 5px 14px rgba(31,111,102,.1)}
.homepage-experience .hw-human-screen{position:relative;min-height:338px;padding:22px 23px 20px;color:#172b35}
.homepage-experience .hw-human-panel{display:none;animation:hw-human-panel .42s cubic-bezier(.2,.8,.2,1)}.homepage-experience .hw-human-panel.is-active{display:block}
.homepage-experience .hw-human-panel-copy small{display:block;color:#2f8c82;font-size:.66rem;font-weight:850;letter-spacing:.16em}.homepage-experience .hw-human-panel-copy h3{max-width:470px;margin-top:7px;font-size:clamp(1.35rem,2.1vw,1.85rem);line-height:1.13;letter-spacing:-.035em}.homepage-experience .hw-human-panel-copy p{max-width:470px;margin-top:7px;color:#64748b;font-size:.82rem;line-height:1.6}
.homepage-experience .hw-human-metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px}.homepage-experience .hw-human-metric-row article{position:relative;padding:12px;border:1px solid #e1eaea;border-radius:15px;background:#fff;box-shadow:0 9px 20px rgba(15,23,42,.055)}.homepage-experience .hw-human-metric-row article>span{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;background:#e8f5f2;color:#27766e}.homepage-experience .hw-human-metric-row svg{width:15px;height:15px}.homepage-experience .hw-human-metric-row small{display:block;margin-top:10px;color:#7b8d98;font-size:.64rem}.homepage-experience .hw-human-metric-row strong{display:block;margin-top:2px;font-size:.95rem}.homepage-experience .hw-human-metric-row i,.homepage-experience .hw-human-grocery i{display:block;height:4px;margin-top:10px;overflow:hidden;border-radius:99px;background:#e8efef}.homepage-experience .hw-human-metric-row b,.homepage-experience .hw-human-grocery b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#429c92,#7ec9bd)}
.homepage-experience .hw-human-next,.homepage-experience .hw-human-careline,.homepage-experience .hw-human-document,.homepage-experience .hw-human-grocery{display:flex;align-items:center;gap:11px;margin-top:14px;padding:12px 14px;border:1px solid #dfe9e8;border-radius:14px;background:#f8fbfb}.homepage-experience .hw-human-next>span,.homepage-experience .hw-human-careline>span,.homepage-experience .hw-human-document>span,.homepage-experience .hw-human-grocery>span{display:grid;width:31px;height:31px;flex:0 0 auto;place-items:center;border-radius:10px;background:#dff1ed;color:#26766e}.homepage-experience .hw-human-next svg,.homepage-experience .hw-human-careline svg,.homepage-experience .hw-human-document svg,.homepage-experience .hw-human-grocery svg{width:16px;height:16px}.homepage-experience .hw-human-next>div,.homepage-experience .hw-human-careline>div,.homepage-experience .hw-human-document>div,.homepage-experience .hw-human-grocery>div{min-width:0;flex:1}.homepage-experience .hw-human-next small,.homepage-experience .hw-human-careline small,.homepage-experience .hw-human-document small,.homepage-experience .hw-human-grocery small{display:block;color:#7b8d98;font-size:.62rem}.homepage-experience .hw-human-next strong,.homepage-experience .hw-human-careline strong,.homepage-experience .hw-human-document strong,.homepage-experience .hw-human-grocery strong{display:block;margin-top:1px;overflow:hidden;color:#243b45;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.homepage-experience .hw-human-next>svg{width:16px;height:16px;color:#7b8d98}
.homepage-experience .hw-human-meal{margin-top:18px;padding:14px;border:1px solid #e0e9e8;border-radius:16px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.05)}.homepage-experience .hw-human-meal>div:first-child{display:flex;align-items:center;gap:10px}.homepage-experience .hw-human-meal>div:first-child>span{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:#fff2e6;color:#9a5d25}.homepage-experience .hw-human-meal svg{width:17px;height:17px}.homepage-experience .hw-human-meal small{display:block;color:#819099;font-size:.62rem}.homepage-experience .hw-human-meal strong{font-size:.82rem}.homepage-experience .hw-human-meal>div:first-child>b{margin-left:auto;border-radius:99px;background:#e6f4ef;padding:5px 8px;color:#287064;font-size:.6rem}.homepage-experience .hw-human-macros{display:grid!important;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.homepage-experience .hw-human-macros span{padding:8px;border-radius:10px;background:#f6f9f8}.homepage-experience .hw-human-macros strong{display:block;margin-top:2px;font-size:.75rem}.homepage-experience .hw-human-grocery i{width:100px;margin:0 0 0 auto}.homepage-experience .hw-human-grocery b{width:67%}
.homepage-experience .hw-human-appointment{display:flex;align-items:center;gap:13px;margin-top:18px;padding:14px;border:1px solid #e1e9e8;border-radius:16px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.055)}.homepage-experience .hw-human-date{display:grid;width:48px;height:50px;flex:0 0 auto;place-items:center;border-radius:13px;background:#163740;color:#fff}.homepage-experience .hw-human-date strong{font-size:1.12rem;line-height:1}.homepage-experience .hw-human-date small{margin-top:-7px;font-size:.55rem;letter-spacing:.12em}.homepage-experience .hw-human-appointment>div:nth-child(2){min-width:0;flex:1}.homepage-experience .hw-human-appointment>div:nth-child(2) small{display:block;color:#80909a;font-size:.62rem}.homepage-experience .hw-human-appointment>div:nth-child(2) strong{display:block;margin-top:2px;font-size:.82rem}.homepage-experience .hw-human-appointment p{margin-top:2px;color:#6b7d87;font-size:.65rem}.homepage-experience .hw-human-appointment>span{border-radius:99px;background:#fff1df;padding:6px 8px;color:#8c5a22;font-size:.58rem;font-weight:800}
.homepage-experience .hw-human-lab{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding:15px;border:1px solid #e0e9e8;border-radius:16px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.055)}.homepage-experience .hw-human-lab small{display:block;color:#82919a;font-size:.63rem}.homepage-experience .hw-human-lab strong{display:block;margin-top:2px;font-size:1.15rem}.homepage-experience .hw-human-lab strong span{font-size:.68rem;font-weight:650;color:#6f8089}.homepage-experience .hw-human-lab p{margin-top:2px;color:#72838d;font-size:.63rem}.homepage-experience .hw-human-lab>span{display:inline-flex;align-items:center;gap:5px;border-radius:99px;background:#e2f3ed;padding:7px 9px;color:#286f63;font-size:.59rem;font-weight:800}.homepage-experience .hw-human-lab>span svg{width:13px;height:13px}.homepage-experience .hw-human-document>b{border-radius:99px;background:#e8f2f1;padding:5px 8px;color:#306f69;font-size:.58rem}
.homepage-experience .hw-human-float{position:absolute;z-index:6;display:flex;align-items:center;gap:9px;min-width:155px;padding:10px 12px;border:1px solid rgba(255,255,255,.34);border-radius:15px;background:rgba(248,252,251,.93);box-shadow:0 17px 37px rgba(2,15,26,.25);color:#1c3740;text-align:left;backdrop-filter:blur(12px);transition:transform .25s ease,box-shadow .25s ease}.homepage-experience .hw-human-float:hover,.homepage-experience .hw-human-float:focus-visible{transform:translateY(-4px) scale(1.025)!important;box-shadow:0 23px 48px rgba(2,15,26,.32);outline:none}.homepage-experience .hw-human-float>span{display:grid;width:31px;height:31px;flex:0 0 auto;place-items:center;border-radius:10px;background:#e0f1ed;color:#26776f}.homepage-experience .hw-human-float svg{width:16px;height:16px}.homepage-experience .hw-human-float small{display:block;color:#70818b;font-size:.57rem}.homepage-experience .hw-human-float strong{display:block;margin-top:1px;font-size:.7rem;white-space:nowrap}.homepage-experience .hw-human-float-water{left:0;top:19%;transform:translateZ(125px) rotateY(7deg);animation:hw-human-float-a 6.2s ease-in-out infinite}.homepage-experience .hw-human-float-care{right:-1%;top:16%;transform:translateZ(145px) rotateY(-7deg);animation:hw-human-float-b 7s ease-in-out infinite}.homepage-experience .hw-human-float-food{left:1%;bottom:13%;transform:translateZ(150px) rotateY(7deg);animation:hw-human-float-b 6.7s ease-in-out infinite reverse}.homepage-experience .hw-human-float-record{right:-1%;bottom:15%;transform:translateZ(130px) rotateY(-7deg);animation:hw-human-float-a 7.4s ease-in-out infinite reverse}
.homepage-experience .hw-human-sentiment{position:absolute;left:50%;bottom:-2px;z-index:7;display:flex;align-items:center;gap:9px;min-width:270px;padding:10px 14px;border:1px solid rgba(255,255,255,.2);border-radius:15px;background:rgba(12,35,42,.88);box-shadow:0 16px 35px rgba(1,13,23,.27);color:#eef9f7;transform:translate3d(-50%,0,180px)}.homepage-experience .hw-human-sentiment>span{display:grid;width:30px;height:30px;place-items:center;border-radius:10px;background:rgba(112,207,192,.16);color:#86d9cc}.homepage-experience .hw-human-sentiment svg{width:16px;height:16px}.homepage-experience .hw-human-sentiment small{display:block;color:#9eb9bb;font-size:.57rem}.homepage-experience .hw-human-sentiment strong{display:block;margin-top:1px;font-size:.69rem}

.platform-page .hw-platform-hero h1{max-width:740px;font-size:clamp(2.2rem,4.4vw,3.95rem);line-height:1.06;letter-spacing:-.052em;text-wrap:balance}.platform-page .hw-platform-hero p{max-width:650px;font-size:clamp(1rem,1.2vw,1.12rem);line-height:1.76;color:rgba(226,232,240,.82)}
.platform-page .hw-platform-orbit{display:none!important}.platform-page .hw-platform-hero-grid{grid-template-columns:minmax(0,1.03fr) minmax(390px,.87fr);align-items:center;gap:56px}
.platform-page .hw-platform-story-stage{position:relative;min-height:510px;padding:20px;border:1px solid rgba(255,255,255,.15);border-radius:34px;background:linear-gradient(148deg,#102d37,#0b202a 53%,#151c30);box-shadow:0 32px 80px rgba(2,14,25,.34),inset 0 1px 0 rgba(255,255,255,.1);perspective:1200px;overflow:hidden}.platform-page .hw-platform-story-stage:before{content:"";position:absolute;right:-18%;bottom:-26%;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(93,191,181,.19),transparent 65%);pointer-events:none}.platform-page .hw-platform-story-top,.platform-page .hw-platform-story-foot{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;color:#a9bec2;font-size:.67rem}.platform-page .hw-platform-story-top span,.platform-page .hw-platform-story-foot span{display:inline-flex;align-items:center;gap:6px}.platform-page .hw-platform-story-top span{color:#e4f7f4;font-weight:800}.platform-page .hw-platform-story-top i{width:7px;height:7px;border-radius:50%;background:#79d8c9;box-shadow:0 0 0 5px rgba(121,216,201,.1)}.platform-page .hw-platform-story-foot{margin-top:14px;justify-content:flex-start;gap:16px}.platform-page .hw-platform-story-foot svg{width:14px;height:14px;color:#7fd2c5}
.platform-page .hw-platform-story-card{position:relative;z-index:2;min-height:190px;margin:20px 12px 16px;padding:24px;border:1px solid rgba(255,255,255,.14);border-radius:23px;background:linear-gradient(155deg,rgba(255,255,255,.13),rgba(255,255,255,.055));box-shadow:0 24px 54px rgba(0,0,0,.2);color:#fff;transform:translateZ(55px) rotateX(1deg);backdrop-filter:blur(12px)}.platform-page .hw-platform-story-card>small{color:#82d7ca;font-size:.64rem;font-weight:850;letter-spacing:.15em}.platform-page .hw-platform-story-card>strong{display:block;max-width:440px;margin-top:8px;font-size:clamp(1.35rem,2.3vw,1.9rem);line-height:1.16;letter-spacing:-.035em}.platform-page .hw-platform-story-card>p{max-width:440px;margin-top:9px;color:#b9c9cc;font-size:.82rem;line-height:1.62}.platform-page .hw-platform-story-person{display:flex;align-items:center;gap:9px;margin-top:18px}.platform-page .hw-platform-story-person>span{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:rgba(115,211,196,.13);color:#8bd9cd}.platform-page .hw-platform-story-person svg{width:17px;height:17px}.platform-page .hw-platform-story-person small{display:block;color:#94aeb2;font-size:.58rem}.platform-page .hw-platform-story-person b{display:block;margin-top:1px;color:#edf7f6;font-size:.68rem}
.platform-page .hw-platform-story-steps{position:relative;z-index:4;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.platform-page .hw-platform-story-steps button{display:flex;align-items:center;gap:9px;min-height:66px;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.055);color:#d2e0e1;text-align:left;transition:.22s ease}.platform-page .hw-platform-story-steps button:hover,.platform-page .hw-platform-story-steps button:focus-visible{border-color:rgba(126,211,198,.35);background:rgba(126,211,198,.1);outline:none}.platform-page .hw-platform-story-steps button.is-active{border-color:rgba(126,211,198,.45);background:rgba(126,211,198,.14);box-shadow:0 12px 25px rgba(0,0,0,.14)}.platform-page .hw-platform-story-steps button>span{display:grid;width:29px;height:29px;flex:0 0 auto;place-items:center;border-radius:9px;background:rgba(255,255,255,.08);color:#8fd9ce;font-size:.61rem;font-weight:850}.platform-page .hw-platform-story-steps small{display:block;color:#8fa6aa;font-size:.57rem}.platform-page .hw-platform-story-steps strong{display:block;margin-top:1px;color:#eaf4f3;font-size:.68rem}.platform-page .hw-platform-story-stage.is-changing .hw-platform-story-card{animation:hw-story-change .38s ease}

.platform-page .hw-mkt-section,.platform-page .hw-platform-section{padding-block:clamp(62px,7vw,94px)}.platform-page .hw-mkt-heading,.platform-page .hw-platform-section-head{align-items:start;gap:28px}.platform-page .hw-mkt-heading h2,.platform-page .hw-platform-section-head h2{max-width:820px;font-size:clamp(1.85rem,3.25vw,2.85rem);line-height:1.13;letter-spacing:-.042em;text-wrap:balance}.platform-page .hw-mkt-heading>p,.platform-page .hw-platform-section-head p{max-width:690px;font-size:1rem;line-height:1.76}.platform-page .hw-platform-section-head>span{width:54px;height:54px;font-size:.78rem}.platform-page .hw-platform-map-grid h3,.platform-page .hw-platform-detail-grid h3,.platform-page .hw-platform-program-detail h3,.platform-page .hw-platform-benefit-row strong,.platform-page .hw-platform-wavy-grid h3,.platform-page .hw-platform-privacy-grid h3{font-size:1.1rem;line-height:1.35;letter-spacing:-.018em}.platform-page .hw-platform-map-grid p,.platform-page .hw-platform-detail-grid p,.platform-page .hw-platform-program-detail p,.platform-page .hw-platform-benefit-row p,.platform-page .hw-platform-wavy-grid p,.platform-page .hw-platform-privacy-grid p{font-size:.95rem;line-height:1.7}.platform-page .hw-platform-detail-grid li,.platform-page .hw-platform-plan-grid li{font-size:.91rem;line-height:1.55}.platform-page .hw-platform-flow p{font-size:.91rem;line-height:1.62}.platform-page .hw-platform-safety-band p{font-size:.94rem;line-height:1.68}.platform-page .hw-platform-plan-grid h3{font-size:2rem;line-height:1.1}.platform-page .hw-mkt-final-title{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.14;letter-spacing:-.04em;text-wrap:balance}

@keyframes hw-human-scene{0%,100%{translate:0 0}50%{translate:0 -5px}}@keyframes hw-human-glow{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(12px,-9px,0) scale(1.08)}}@keyframes hw-human-pulse{0%,100%{opacity:.72}50%{opacity:1;box-shadow:0 0 0 8px rgba(121,216,201,0)}}@keyframes hw-human-panel{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes hw-human-float-a{0%,100%{margin-top:0}50%{margin-top:-7px}}@keyframes hw-human-float-b{0%,100%{margin-top:0}50%{margin-top:7px}}@keyframes hw-story-change{0%{opacity:.45;transform:translateZ(55px) translateY(5px)}100%{opacity:1;transform:translateZ(55px)}}

@media(max-width:1050px){.homepage-experience .hw-human-stage{min-height:540px}.homepage-experience .hw-human-device{width:88%}.homepage-experience .hw-human-float{min-width:140px}.platform-page .hw-platform-hero-grid{grid-template-columns:1fr;gap:38px}.platform-page .hw-platform-story-stage{max-width:720px;width:100%;margin-inline:auto}}
@media(max-width:780px){.homepage-experience .hw-mkt-container,.platform-page .hw-mkt-container{width:min(100% - 28px,1180px)}.homepage-experience .hw-mkt-hero-copy h1{font-size:clamp(2.05rem,10vw,3.1rem);line-height:1.07}.homepage-experience .hw-mkt-hero-copy>p{font-size:.98rem;line-height:1.7}.homepage-experience .hw-mkt-heading h2,.homepage-experience .hw-mkt-final-title{font-size:clamp(1.7rem,8vw,2.35rem)}.homepage-experience .hw-mkt-feature-copy h3{font-size:clamp(1.45rem,7vw,2rem)}.homepage-experience .hw-human-stage{min-height:560px;border-radius:28px}.homepage-experience .hw-human-stage-head{left:16px;right:16px}.homepage-experience .hw-human-stage-head small{display:none}.homepage-experience .hw-human-scene{inset:48px 12px 46px;transform:none!important;animation:none}.homepage-experience .hw-human-device{top:48%;width:94%;min-height:430px;transform:translate(-50%,-50%)}.homepage-experience .hw-human-tabs{overflow-x:auto;grid-template-columns:repeat(4,minmax(86px,1fr));scrollbar-width:none}.homepage-experience .hw-human-tabs button{font-size:.67rem}.homepage-experience .hw-human-screen{min-height:347px;padding:18px}.homepage-experience .hw-human-panel-copy h3{font-size:1.42rem}.homepage-experience .hw-human-metric-row{gap:7px}.homepage-experience .hw-human-metric-row article{padding:10px}.homepage-experience .hw-human-float{display:none}.homepage-experience .hw-human-sentiment{bottom:-5px;min-width:250px}.platform-page .hw-platform-hero h1{font-size:clamp(2rem,10vw,3rem)}.platform-page .hw-platform-hero p{font-size:.98rem;line-height:1.7}.platform-page .hw-platform-story-stage{min-height:auto;border-radius:28px}.platform-page .hw-platform-story-card{margin-inline:0;padding:20px}.platform-page .hw-platform-story-steps{grid-template-columns:1fr}.platform-page .hw-platform-story-steps button{min-height:58px}.platform-page .hw-mkt-heading h2,.platform-page .hw-platform-section-head h2{font-size:clamp(1.65rem,8vw,2.25rem);line-height:1.16}.platform-page .hw-platform-section-head{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px}.platform-page .hw-platform-section-head>span{width:42px;height:42px}.platform-page .hw-mkt-heading>p,.platform-page .hw-platform-section-head p{font-size:.96rem;line-height:1.72}.platform-page .hw-platform-map-grid p,.platform-page .hw-platform-detail-grid p,.platform-page .hw-platform-program-detail p,.platform-page .hw-platform-benefit-row p,.platform-page .hw-platform-wavy-grid p,.platform-page .hw-platform-privacy-grid p{font-size:.93rem}.platform-page .hw-mkt-section,.platform-page .hw-platform-section{padding-block:54px}}
@media(max-width:520px){.homepage-experience .hw-human-stage{min-height:535px}.homepage-experience .hw-human-device{width:98%;border-radius:22px}.homepage-experience .hw-human-device-bar{padding-inline:13px}.homepage-experience .hw-human-device-bar small{display:none}.homepage-experience .hw-human-tabs{padding-inline:8px}.homepage-experience .hw-human-screen{padding:16px 13px}.homepage-experience .hw-human-panel-copy h3{font-size:1.28rem}.homepage-experience .hw-human-panel-copy p{font-size:.77rem}.homepage-experience .hw-human-metric-row article>span{width:25px;height:25px}.homepage-experience .hw-human-metric-row strong{font-size:.84rem}.homepage-experience .hw-human-next,.homepage-experience .hw-human-careline,.homepage-experience .hw-human-document,.homepage-experience .hw-human-grocery{padding:10px}.homepage-experience .hw-human-appointment{padding:11px}.homepage-experience .hw-human-appointment>span{display:none}.homepage-experience .hw-human-lab{padding:12px}.homepage-experience .hw-human-lab>span{max-width:95px;text-align:center}.homepage-experience .hw-human-sentiment{min-width:230px;padding:9px 11px}.homepage-experience .hw-human-stage-foot small{display:none}.platform-page .hw-platform-story-stage{padding:15px}.platform-page .hw-platform-story-card{min-height:200px;padding:18px}.platform-page .hw-platform-story-card>strong{font-size:1.3rem}.platform-page .hw-platform-story-top small{display:none}.platform-page .hw-platform-section-head{grid-template-columns:1fr}.platform-page .hw-platform-section-head>span{margin-bottom:4px}.platform-page .hw-platform-map-grid h3,.platform-page .hw-platform-detail-grid h3,.platform-page .hw-platform-program-detail h3,.platform-page .hw-platform-wavy-grid h3,.platform-page .hw-platform-privacy-grid h3{font-size:1.04rem}}
@media(prefers-reduced-motion:reduce){.homepage-experience .hw-human-atmosphere i,.homepage-experience .hw-human-scene,.homepage-experience .hw-human-float,.homepage-experience .hw-human-stage-head span i{animation:none!important}.homepage-experience .hw-human-scene{transform:none!important}.platform-page .hw-platform-story-stage.is-changing .hw-platform-story-card{animation:none!important}}
/* HW_PHASE_16_2_3_HUMAN_EXPERIENCE_CSS_END */

/* HW_PHASE_17_PRODUCTION_CSS_START */
.hw-install-app{display:none!important}
:root{--hw17-ink:#10263a;--hw17-navy:#0b2638;--hw17-mint:#72d8c7;--hw17-cyan:#65c7dd;--hw17-coral:#f39a83;--hw17-amber:#f3c875;--hw17-violet:#a99be8;--hw17-paper:#f5f8fa}
.phase17-marketing .hw-mkt-section{padding-block:clamp(70px,8vw,104px)}
.phase17-marketing .hw-mkt-hero{background:radial-gradient(circle at 72% 18%,rgba(101,199,221,.18),transparent 28%),radial-gradient(circle at 15% 88%,rgba(243,154,131,.12),transparent 30%),linear-gradient(135deg,#071d2e 0%,#0d3342 52%,#142b45 100%)}
.phase17-marketing .hw-mkt-trust-strip{background:linear-gradient(90deg,#f2fbf9,#f7f8ff 52%,#fff7f2)}
.phase17-marketing .hw-human-stage{min-height:640px!important;background:radial-gradient(circle at var(--human-mx) var(--human-my),rgba(114,216,199,.25),transparent 30%),radial-gradient(circle at 82% 74%,rgba(169,155,232,.20),transparent 26%),linear-gradient(145deg,#173f49 0%,#092733 47%,#17243d 100%)!important;box-shadow:0 42px 100px rgba(1,14,28,.42),inset 0 1px 0 rgba(255,255,255,.15)!important}
.phase17-marketing .hw-human-stage:after{content:"";position:absolute;left:8%;right:8%;bottom:4%;height:28%;border-radius:50%;background:radial-gradient(ellipse,rgba(86,209,191,.20),transparent 67%);filter:blur(18px);transform:rotateX(68deg);pointer-events:none}
.phase17-marketing .hw-human-device{width:min(86%,560px)!important;box-shadow:0 34px 68px rgba(1,11,22,.48),0 0 0 1px rgba(255,255,255,.10)!important}
.phase17-marketing .hw-human-float{box-shadow:0 18px 42px rgba(1,15,28,.32),inset 0 1px 0 rgba(255,255,255,.16)!important;background:rgba(18,50,61,.88)!important}
.phase17-marketing .hw-mkt-program-section{background:radial-gradient(circle at 12% 20%,rgba(114,216,199,.13),transparent 26%),radial-gradient(circle at 88% 78%,rgba(169,155,232,.14),transparent 30%),linear-gradient(145deg,#092437,#132b45)}
.phase17-marketing .hw-mkt-deep-section{background:linear-gradient(180deg,#eef8f7 0%,#f5f2fb 100%)}
.hw17-home-rhythm{position:relative;overflow:hidden;padding:clamp(76px,9vw,118px) 0;background:radial-gradient(circle at 5% 5%,rgba(114,216,199,.22),transparent 25%),radial-gradient(circle at 96% 90%,rgba(243,154,131,.18),transparent 26%),#edf4f6}
.hw17-home-rhythm:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(23,61,75,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,61,75,.035) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent)}
.hw17-home-rhythm>.hw-mkt-container{position:relative;z-index:1}
.hw17-home-heading{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.65fr);gap:48px;align-items:end}.hw17-home-heading h2{max-width:780px;margin:12px 0 0;color:var(--hw17-ink);font-size:clamp(2.1rem,4.4vw,4.15rem);line-height:1.04;letter-spacing:-.052em}.hw17-home-heading>p{margin:0;color:#587083;font-size:1rem;line-height:1.8}
.hw17-home-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#157a70;font-size:.74rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.hw17-home-eyebrow svg{width:17px;height:17px}
.hw17-day-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:42px}.hw17-day-card{position:relative;min-height:235px;padding:22px;border:1px solid rgba(116,139,155,.22);border-radius:26px;background:rgba(255,255,255,.88);box-shadow:0 18px 45px rgba(22,53,70,.08);transition:transform .25s ease,box-shadow .25s ease}.hw17-day-card:hover{transform:translateY(-6px);box-shadow:0 26px 60px rgba(22,53,70,.14)}.hw17-day-card>small{color:#789;letter-spacing:.08em;font-weight:800}.hw17-day-card>span{display:grid;width:48px;height:48px;margin:26px 0 18px;place-items:center;border-radius:17px}.hw17-day-card>span svg{width:22px;height:22px}.hw17-day-card h3{margin:0;color:#142c40;font-size:1.13rem}.hw17-day-card p{margin:10px 0 0;color:#64788a;font-size:.89rem;line-height:1.65}.hw17-day-card.is-mint>span{background:#dff8f2;color:#0a7a6d}.hw17-day-card.is-amber>span{background:#fff3d7;color:#93600d}.hw17-day-card.is-violet>span{background:#eeeaff;color:#6554b2}.hw17-day-card.is-rose>span{background:#ffe9e3;color:#b55b47}
.hw17-home-operating-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:18px;margin-top:18px}.hw17-home-install-card{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1fr);gap:32px;align-items:center;min-height:430px;padding:34px;border-radius:32px;background:linear-gradient(145deg,#0c2a3b,#133c46 54%,#28314d);color:#fff;box-shadow:0 28px 70px rgba(8,33,48,.22)}.hw17-home-install-card h3{margin:14px 0 14px;font-size:clamp(1.8rem,3.2vw,3rem);line-height:1.08;letter-spacing:-.04em}.hw17-home-install-card p{margin:0;color:#d1e3e8;line-height:1.75}.hw17-home-install-card .hw17-home-eyebrow{color:#8ce4d5}.hw17-install-visual{position:relative;min-height:310px;display:grid;place-items:center;perspective:1100px}.hw17-install-phone{position:relative;z-index:2;width:185px;height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);border-radius:34px;background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.05));box-shadow:0 28px 58px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.2);transform:rotateY(-14deg) rotateX(6deg);animation:hw17-phone-float 5s ease-in-out infinite}.hw17-install-phone i{position:absolute;top:10px;width:62px;height:6px;border-radius:999px;background:rgba(3,15,26,.55)}.hw17-install-phone>span{display:grid;width:70px;height:70px;place-items:center;border-radius:23px;background:#fff;box-shadow:0 16px 30px rgba(0,0,0,.18)}.hw17-install-phone strong{margin-top:18px;font-size:1.05rem}.hw17-install-phone small{margin-top:5px;color:#b8d2d8}.hw17-install-phone b{position:absolute;left:16px;right:16px;bottom:18px;padding:10px;border-radius:13px;background:#7edcca;color:#0b3434;text-align:center;font-size:.72rem}.hw17-install-halo{position:absolute;width:260px;height:260px;border:1px solid rgba(126,220,202,.24);border-radius:50%;box-shadow:0 0 0 35px rgba(126,220,202,.06),0 0 0 70px rgba(126,220,202,.03);animation:hw17-halo 8s linear infinite}.hw17-home-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:26px}.hw17-home-actions .hw-button-light{display:inline-flex;align-items:center;gap:8px}.hw17-home-actions span{font-size:.75rem;color:#a9c8d0}.hw17-home-actions svg{width:16px}
.hw17-home-trust-column{display:grid;gap:14px}.hw17-home-trust-column article{display:flex;gap:17px;align-items:flex-start;padding:24px;border:1px solid rgba(116,139,155,.2);border-radius:27px;background:rgba(255,255,255,.9);box-shadow:0 16px 38px rgba(22,53,70,.07)}.hw17-home-trust-column article>span{display:grid;width:46px;height:46px;flex:none;place-items:center;border-radius:16px;background:#e6f6f3;color:#13786d}.hw17-home-trust-column svg{width:21px}.hw17-home-trust-column small{color:#708496;font-size:.66rem;font-weight:850;letter-spacing:.1em}.hw17-home-trust-column h3{margin:6px 0 7px;color:#173044;font-size:1.05rem}.hw17-home-trust-column p{margin:0;color:#657a8b;font-size:.85rem;line-height:1.62}
@keyframes hw17-phone-float{0%,100%{transform:rotateY(-14deg) rotateX(6deg) translateY(0)}50%{transform:rotateY(-8deg) rotateX(2deg) translateY(-12px)}}@keyframes hw17-halo{to{transform:rotate(360deg)}}
.hw17-install-dock{position:fixed;left:326px;bottom:22px;z-index:82;display:flex;align-items:stretch;max-width:min(390px,calc(100vw - 32px));border:1px solid rgba(148,163,184,.34);border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 22px 55px rgba(15,38,55,.20);backdrop-filter:blur(16px);transition:opacity .25s ease,transform .25s ease}.hw17-install-dock.is-hidden{opacity:0;pointer-events:none;transform:translateY(18px)}.hw17-install-dock-main{display:flex;min-width:0;flex:1;align-items:center;gap:12px;padding:12px 13px;border:0;background:transparent;text-align:left;cursor:pointer}.hw17-install-dock-icon{display:grid;width:42px;height:42px;flex:none;place-items:center;border-radius:14px;background:linear-gradient(145deg,#0d786f,#173b5a);color:#fff}.hw17-install-dock-icon svg{width:19px}.hw17-install-dock-main>span:nth-child(2){min-width:0}.hw17-install-dock-main small{display:block;color:#738497;font-size:.65rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.hw17-install-dock-main strong{display:block;margin-top:2px;color:#173044;font-size:.86rem}.hw17-install-arrow{width:16px;color:#8293a3}.hw17-install-dismiss{width:39px;border:0;border-left:1px solid #e5ebef;background:transparent;color:#8493a1;cursor:pointer}.hw17-install-dismiss svg{width:15px;margin:auto}.hw17-install-modal{display:none;position:fixed;inset:0;z-index:150;place-items:center;padding:18px}.hw17-install-modal.is-open{display:grid}.hw17-install-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(5,20,32,.52);backdrop-filter:blur(5px)}.hw17-install-modal>section{position:relative;width:min(480px,100%);padding:34px;border-radius:29px;background:#fff;box-shadow:0 32px 90px rgba(1,15,27,.34)}.hw17-install-modal-close{position:absolute;top:15px;right:15px;display:grid;width:37px;height:37px;place-items:center;border:1px solid #e4eaee;border-radius:12px;background:#f8fafb;color:#5f7180}.hw17-install-modal-close svg{width:16px}.hw17-install-modal-icon{display:grid;width:58px;height:58px;place-items:center;border-radius:20px;background:linear-gradient(145deg,#0d786f,#173b5a);color:#fff}.hw17-install-modal-icon svg{width:25px}.hw17-install-modal>section>small{display:block;margin-top:20px;color:#168076;font-size:.68rem;font-weight:850;letter-spacing:.11em}.hw17-install-modal h2{margin:9px 0 10px;color:#142c40;font-size:1.8rem;line-height:1.13;letter-spacing:-.035em}.hw17-install-modal p{color:#64788a;line-height:1.7}.hw17-install-steps{display:grid;gap:9px;margin:20px 0}.hw17-install-steps>div{display:flex;gap:12px;align-items:center;padding:12px;border-radius:16px;background:#f3f7f8}.hw17-install-steps b{display:grid;width:30px;height:30px;place-items:center;border-radius:10px;background:#dff5f1;color:#0c766c}.hw17-install-steps strong,.hw17-install-steps small{display:block}.hw17-install-steps strong{font-size:.85rem;color:#173044}.hw17-install-steps small{margin-top:2px;font-size:.72rem;color:#748696}.hw17-install-note{margin:13px 0 0!important;font-size:.7rem!important;text-align:center}.hw17-beta-launcher{position:fixed;right:22px;bottom:86px;z-index:80;display:flex;align-items:center;gap:8px;padding:9px 12px 9px 9px;border:1px solid rgba(148,163,184,.28);border-radius:16px;background:rgba(255,255,255,.95);box-shadow:0 15px 38px rgba(15,38,55,.15);color:#34495c;text-decoration:none}.hw17-beta-launcher span{display:grid;width:32px;height:32px;place-items:center;border-radius:11px;background:#ece9ff;color:#6557aa}.hw17-beta-launcher svg{width:15px}.hw17-beta-launcher strong{font-size:.75rem}.hw17-production-entry{margin-top:7px!important;background:linear-gradient(90deg,rgba(91,205,188,.14),rgba(120,123,220,.12))!important}
.hw17-page-intro,.hw17-production-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:clamp(26px,4vw,46px);border-radius:30px;background:radial-gradient(circle at 85% 12%,rgba(114,216,199,.19),transparent 28%),linear-gradient(145deg,#0b293b,#18334e);color:#fff;box-shadow:0 25px 70px rgba(7,34,50,.18)}.hw17-page-intro h1,.hw17-production-hero h1{max-width:790px;margin:13px 0 11px;font-size:clamp(2rem,4vw,3.7rem);line-height:1.04;letter-spacing:-.045em}.hw17-page-intro p,.hw17-production-hero p{max-width:720px;margin:0;color:#cfdee5;line-height:1.75}.hw17-kicker{display:inline-flex;align-items:center;gap:8px;color:#86e2d3;font-size:.72rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.hw17-kicker svg{width:16px}.hw17-feedback-form,.hw17-feedback-history,.hw17-beta-admin{padding:26px;border:1px solid #e0e7ec;border-radius:28px;background:#fff;box-shadow:0 17px 45px rgba(15,40,58,.07)}.hw17-form-head{display:flex;gap:14px;align-items:center;margin-bottom:24px}.hw17-form-head>span{display:grid;width:48px;height:48px;place-items:center;border-radius:17px;background:#e7f7f3;color:#10766c}.hw17-form-head svg{width:21px}.hw17-form-head small,.hw17-section-head small{color:#7c8d9b;font-size:.68rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.hw17-form-head h2,.hw17-section-head h2{margin:3px 0 0;color:#183145;font-size:1.35rem}.hw17-feedback-form label{display:block;margin-top:16px;color:#263e51;font-size:.78rem;font-weight:750}.hw17-feedback-form input,.hw17-feedback-form select,.hw17-feedback-form textarea{width:100%;margin-top:7px;border:1px solid #dbe4e9;border-radius:14px;background:#fbfcfd;padding:12px 13px;color:#1f3447;font:inherit;font-weight:500}.hw17-feedback-form textarea{resize:vertical}.hw17-feedback-form label>small{display:block;margin-top:6px;color:#7a8b98;font-weight:500}.hw17-feedback-form button{margin-top:20px}.hw17-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid #e8edf0}.hw17-section-head>span{display:grid;min-width:38px;height:38px;place-items:center;border-radius:12px;background:#edf6f5;color:#116f67;font-size:.8rem;font-weight:850}.hw17-feedback-item{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid #edf1f3}.hw17-feedback-status{height:-moz-max-content;height:max-content;flex:none;padding:6px 9px;border-radius:999px;background:#eef2f5;color:#52697b;font-size:.65rem;font-weight:850}.hw17-status-resolved,.hw17-status-closed{background:#dcf6ed;color:#08725f}.hw17-status-reviewing{background:#fff2d2;color:#8c5e08}.hw17-status-planned{background:#ebe8ff;color:#5b4ca1}.hw17-feedback-item h3{margin:6px 0;color:#1d3548;font-size:.96rem}.hw17-feedback-item p{margin:0;color:#667b8c;font-size:.82rem;line-height:1.6}.hw17-empty{padding:42px 20px;text-align:center;color:#65798a}.hw17-empty>span{display:grid;width:54px;height:54px;margin:0 auto 13px;place-items:center;border-radius:19px;background:#e8f7f4;color:#15766d}.hw17-empty svg{width:23px}.hw17-empty h3{margin:0;color:#1d3548}.hw17-empty p{margin:8px auto 0;max-width:430px;line-height:1.6}.hw17-production-score{min-width:190px;padding:20px;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:rgba(255,255,255,.08);text-align:center}.hw17-production-score strong{display:block;font-size:3rem;line-height:1}.hw17-production-score small,.hw17-production-score span{display:block}.hw17-production-score small{margin-top:5px;color:#91e2d5;font-size:.72rem;font-weight:850;text-transform:uppercase}.hw17-production-score span{margin-top:10px;color:#cbdbe3;font-size:.72rem}.hw17-health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hw17-health-card{display:flex;gap:15px;padding:20px;border:1px solid #e1e8ec;border-radius:23px;background:#fff}.hw17-health-icon{display:grid;width:43px;height:43px;flex:none;place-items:center;border-radius:15px;background:#e8f5f2;color:#16786e}.hw17-health-icon svg{width:20px}.hw17-health-card.is-warning .hw17-health-icon{background:#fff2d6;color:#91620d}.hw17-health-card.is-error .hw17-health-icon{background:#ffe8e4;color:#b04c3c}.hw17-health-card small{color:#7f909d;font-size:.62rem;font-weight:850;letter-spacing:.1em}.hw17-health-card h2{margin:4px 0 7px;color:#1c3447;font-size:1rem}.hw17-health-card p{margin:0;color:#667b8c;font-size:.78rem;line-height:1.55}.hw17-health-card strong{display:block;margin-top:8px;color:#7d5411;font-size:.72rem}.hw17-metric-card{display:flex;gap:15px;align-items:center;padding:21px;border:1px solid #e0e7eb;border-radius:23px;background:#fff}.hw17-metric-card>span{display:grid;width:48px;height:48px;place-items:center;border-radius:16px;background:#e9f7f4;color:#12796f}.hw17-metric-card svg{width:21px}.hw17-metric-card small,.hw17-metric-card strong,.hw17-metric-card p{display:block}.hw17-metric-card small{color:#788b99;font-size:.67rem;font-weight:800}.hw17-metric-card strong{margin-top:2px;color:#183145;font-size:1.55rem}.hw17-metric-card p{margin:2px 0 0;color:#748696;font-size:.73rem}.hw17-admin-feedback-list>article{display:flex;gap:20px;align-items:flex-start;padding:20px 0;border-bottom:1px solid #edf1f3}.hw17-admin-feedback-list h3{margin:6px 0;color:#1e3649;font-size:1rem}.hw17-admin-feedback-list p{margin:0;color:#677b8b;font-size:.82rem;line-height:1.6}.hw17-admin-feedback-list a{display:inline-flex;align-items:center;gap:5px;margin-top:8px;color:#0f756c;font-size:.72rem;font-weight:750}.hw17-admin-feedback-list a svg{width:13px}.hw17-admin-feedback-list form{display:grid;width:140px;flex:none;gap:7px}.hw17-admin-feedback-list select,.hw17-admin-feedback-list button,.hw17-admin-feedback-list form>a{width:100%;margin:0;padding:8px;border:1px solid #dce4e9;border-radius:10px;background:#fff;color:#31495b;font-size:.7rem}.hw17-admin-feedback-list button{background:#183b50;color:#fff;cursor:pointer}
.dark .hw17-install-dock,.dark .hw17-install-modal>section{border-color:#304458;background:rgba(15,31,47,.96)}.dark .hw17-install-dock-main strong,.dark .hw17-install-modal h2{color:#edf7fa}.dark .hw17-install-dock-main small,.dark .hw17-install-modal p{color:#a7bac7}.dark .hw17-install-dismiss{border-color:#304458}.dark .hw17-beta-launcher{border-color:#304458;background:#102235;color:#d8e6ed}.dark .hw17-feedback-form,.dark .hw17-feedback-history,.dark .hw17-beta-admin,.dark .hw17-health-card,.dark .hw17-metric-card{border-color:#2c4255;background:#102235}.dark .hw17-form-head h2,.dark .hw17-section-head h2,.dark .hw17-feedback-item h3,.dark .hw17-health-card h2,.dark .hw17-metric-card strong,.dark .hw17-admin-feedback-list h3{color:#edf6fa}.dark .hw17-feedback-form label{color:#cad8df}.dark .hw17-feedback-form input,.dark .hw17-feedback-form select,.dark .hw17-feedback-form textarea,.dark .hw17-admin-feedback-list select{border-color:#30475a;background:#142a3d;color:#edf5f8}
@media(max-width:1180px){.hw17-day-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hw17-home-operating-grid{grid-template-columns:1fr}.hw17-home-install-card{grid-template-columns:minmax(220px,.55fr) minmax(0,1fr)}.hw17-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hw17-install-dock{left:22px}}
@media(max-width:780px){.phase17-marketing .hw-human-stage{min-height:575px!important}.phase17-marketing .hw-human-device{width:96%!important}.hw17-home-heading{grid-template-columns:1fr;gap:18px}.hw17-home-heading h2{font-size:clamp(1.9rem,9vw,2.75rem)}.hw17-home-heading>p{font-size:.94rem}.hw17-home-install-card{grid-template-columns:1fr;padding:26px}.hw17-install-visual{min-height:270px}.hw17-day-card{min-height:210px}.hw17-health-grid{grid-template-columns:1fr}.hw17-page-intro,.hw17-production-hero{align-items:flex-start;flex-direction:column}.hw17-production-score{width:100%}.hw17-admin-feedback-list>article{flex-direction:column}.hw17-admin-feedback-list form{width:100%;grid-template-columns:1fr 1fr}.hw17-install-dock{left:12px;right:12px;bottom:78px;max-width:none}.hw17-beta-launcher{right:12px;bottom:146px}.hw17-beta-launcher strong{display:none}}
@media(max-width:540px){.phase17-marketing .hw-mkt-section{padding-block:58px}.phase17-marketing .hw-human-stage{min-height:550px!important}.hw17-day-grid{grid-template-columns:1fr}.hw17-day-card{min-height:auto}.hw17-home-install-card h3{font-size:1.75rem}.hw17-home-rhythm{padding:64px 0}.hw17-install-modal>section{padding:28px 21px;border-radius:24px}.hw17-install-modal h2{font-size:1.55rem}.hw17-page-intro h1,.hw17-production-hero h1{font-size:2rem}.hw17-feedback-form,.hw17-feedback-history,.hw17-beta-admin{padding:20px}.hw17-admin-feedback-list form{grid-template-columns:1fr}.hw17-install-dock-main strong{font-size:.8rem}.hw17-install-dock-main small{font-size:.58rem}}
@media(prefers-reduced-motion:reduce){.hw17-install-phone,.hw17-install-halo,.hw17-day-card{animation:none!important;transition:none!important}}
/* HW_PHASE_17_PRODUCTION_CSS_END */



/* HW_PHASE_23_FINAL_UI_HARDENING_START */
.hw-phase23-support-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:24px;border:1px solid #cde8ed;border-radius:22px;background:linear-gradient(135deg,#f1fbfb,#f7fbff);padding:16px 18px;box-shadow:0 14px 34px rgba(8,78,101,.06)}
.hw-phase23-support-strip>span{display:flex;width:42px;height:42px;flex:none;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,#d9f7f2,#ddf3fb);color:#087c8f}.hw-phase23-support-strip>span svg{width:19px;height:19px}.hw-phase23-support-strip strong{display:block;color:#153448;font-size:12px}.hw-phase23-support-strip p{margin-top:3px;color:#647b8c;font-size:10px;line-height:1.6}.hw-phase23-support-strip p a{color:#087d93;font-weight:800;text-decoration:underline;text-decoration-color:#9ad5df;text-underline-offset:3px}.hw-phase23-support-strip>a{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:7px;border:1px solid #b9dfe6;border-radius:13px;background:#fff;padding:0 13px;color:#086d82;font-size:10px;font-weight:850;text-decoration:none;white-space:nowrap;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.hw-phase23-support-strip>a:hover{border-color:#76c9d7;transform:translateY(-1px);box-shadow:0 10px 22px rgba(8,125,147,.09)}.hw-phase23-support-strip>a svg{width:14px;height:14px}
.hw-app-shell,.hw-main,.hw-feature-content,.hw-page-shell{min-width:0}.hw-feature-content img,.hw-feature-content video,.hw-feature-content canvas,.hw-feature-content svg{max-width:100%}.hw-feature-content table{max-width:100%}.hw-feature-content pre{max-width:100%;overflow:auto}.hw-feature-content [class*="grid"]>*{min-width:0}
.hw-input,.hw-select,.hw-textarea,input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea{max-width:100%}.hw-primary-button,.hw-secondary-button,button,a{touch-action:manipulation}.hw-primary-button:focus-visible,.hw-secondary-button:focus-visible,.hw-support-launcher:focus-visible,.hw-mobile-nav a:focus-visible,.hw-phase23-support-strip>a:focus-visible{outline:3px solid rgba(6,182,212,.22);outline-offset:3px}
[data-ai-message-list]{overscroll-behavior:contain;scrollbar-gutter:stable;scroll-padding-bottom:24px}.hw-ai-message-list{overscroll-behavior:contain;scrollbar-gutter:stable}.hw-ai-message-list>*{overflow-wrap:anywhere}.hw-ai-composer textarea{font-size:16px}
.dark .hw-phase23-support-strip{border-color:#285367;background:linear-gradient(135deg,#102b3b,#11263b)}.dark .hw-phase23-support-strip strong{color:#eef8fb}.dark .hw-phase23-support-strip p{color:#a9c0cc}.dark .hw-phase23-support-strip p a{color:#75dbe5}.dark .hw-phase23-support-strip>a{border-color:#315d70;background:#17394a;color:#b9f4f5}
@media(max-width:1023px){.hw-main{padding-bottom:calc(7rem + env(safe-area-inset-bottom))}.hw-support-launcher{bottom:calc(5.9rem + env(safe-area-inset-bottom))}.hw17-beta-launcher{bottom:calc(9.9rem + env(safe-area-inset-bottom))}}
@media(max-width:720px){.hw-phase23-support-strip{grid-template-columns:auto minmax(0,1fr);padding:15px}.hw-phase23-support-strip>a{grid-column:1/-1;width:100%}.hw-feature-content input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),.hw-feature-content select,.hw-feature-content textarea{font-size:16px}.hw-primary-button,.hw-secondary-button{min-height:44px}.hw-support-launcher{right:12px}.hw17-beta-launcher{right:12px}}
@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}.hw-phase23-support-strip>a,.hw-support-launcher,.hw-primary-button,.hw-secondary-button{transition:none!important}.hw-phase23-support-strip>a:hover,.hw-support-launcher:hover,.hw-primary-button:hover,.hw-secondary-button:hover{transform:none!important}}
/* HW_PHASE_23_FINAL_UI_HARDENING_END */
.file\:mr-4::file-selector-button {
  margin-right: 1rem;
}
.file\:rounded-xl::file-selector-button {
  border-radius: 0.75rem;
}
.file\:border-0::file-selector-button {
  border-width: 0px;
}
.file\:bg-slate-950::file-selector-button {
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1));
}
.file\:px-4::file-selector-button {
  padding-left: 1rem;
  padding-right: 1rem;
}
.file\:py-2\.5::file-selector-button {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.file\:font-semibold::file-selector-button {
  font-weight: 600;
}
.file\:text-white::file-selector-button {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:-translate-y-0\.5:hover {
  --tw-translate-y: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:border-cyan-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(165 243 252 / var(--tw-border-opacity, 1));
}
.hover\:border-cyan-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(103 232 249 / var(--tw-border-opacity, 1));
}
.hover\:border-gray-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.hover\:bg-amber-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.hover\:bg-cyan-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(236 254 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-cyan-50\/30:hover {
  background-color: rgb(236 254 255 / 0.3);
}
.hover\:bg-cyan-50\/40:hover {
  background-color: rgb(236 254 255 / 0.4);
}
.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-400\/10:hover {
  background-color: rgb(248 113 113 / 0.1);
}
.hover\:bg-red-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.hover\:bg-white\/\[\.07\]:hover {
  background-color: rgb(255 255 255 / .07);
}
.hover\:text-cyan-800:hover {
  --tw-text-opacity: 1;
  color: rgb(21 94 117 / var(--tw-text-opacity, 1));
}
.hover\:text-cyan-900:hover {
  --tw-text-opacity: 1;
  color: rgb(22 78 99 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-400:hover {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-500:hover {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-700:hover {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-800:hover {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.hover\:text-red-200:hover {
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity, 1));
}
.hover\:text-red-700:hover {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:opacity-100:hover {
  opacity: 1;
}
.hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-sm:hover {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:border-blue-300:focus {
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
}
.focus\:border-gray-300:focus {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.focus\:border-indigo-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}
.focus\:border-indigo-700:focus {
  --tw-border-opacity: 1;
  border-color: rgb(67 56 202 / var(--tw-border-opacity, 1));
}
.focus\:border-red-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
}
.focus\:bg-gray-100:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.focus\:bg-gray-50:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.focus\:bg-gray-700:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.focus\:bg-indigo-100:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}
.focus\:text-gray-500:focus {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.focus\:text-gray-700:focus {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.focus\:text-gray-800:focus {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.focus\:text-indigo-800:focus {
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity, 1));
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring:focus {
  --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(3px + 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\:ring-2:focus {
  --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\:ring-amber-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity, 1));
}
.focus\:ring-cyan-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity, 1));
}
.focus\:ring-indigo-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));
}
.focus\:ring-red-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 226 226 / var(--tw-ring-opacity, 1));
}
.focus\:ring-red-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
}
.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}
.active\:bg-gray-100:active {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.active\:bg-gray-900:active {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.active\:bg-red-700:active {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.active\:text-gray-500:active {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.active\:text-gray-700:active {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.active\:text-gray-800:active {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.disabled\:opacity-25:disabled {
  opacity: 0.25;
}
.group:hover .group-hover\:translate-x-0\.5 {
  --tw-translate-x: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:text-cyan-200 {
  --tw-text-opacity: 1;
  color: rgb(165 243 252 / var(--tw-text-opacity, 1));
}
.peer:checked ~ .peer-checked\:border-cyan-600 {
  --tw-border-opacity: 1;
  border-color: rgb(8 145 178 / var(--tw-border-opacity, 1));
}
.peer:checked ~ .peer-checked\:bg-cyan-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 254 255 / var(--tw-bg-opacity, 1));
}
.peer:checked ~ .peer-checked\:text-cyan-800 {
  --tw-text-opacity: 1;
  color: rgb(21 94 117 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .sm\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .sm\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .sm\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .sm\:ms-10 {
    margin-inline-start: 2.5rem;
  }

  .sm\:ms-6 {
    margin-inline-start: 1.5rem;
  }

  .sm\:block {
    display: block;
  }

  .sm\:inline {
    display: inline;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:inline-flex {
    display: inline-flex;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:w-auto {
    width: auto;
  }

  .sm\:w-full {
    width: 100%;
  }

  .sm\:max-w-2xl {
    max-width: 42rem;
  }

  .sm\:max-w-\[78\%\] {
    max-width: 78%;
  }

  .sm\:max-w-lg {
    max-width: 32rem;
  }

  .sm\:max-w-md {
    max-width: 28rem;
  }

  .sm\:max-w-sm {
    max-width: 24rem;
  }

  .sm\:max-w-xl {
    max-width: 36rem;
  }

  .sm\:flex-1 {
    flex: 1 1 0%;
  }

  .sm\:translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .sm\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .sm\:scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sm\:grid-cols-\[1fr_140px\] {
    grid-template-columns: 1fr 140px;
  }

  .sm\:grid-cols-\[1fr_180px_auto\] {
    grid-template-columns: 1fr 180px auto;
  }

  .sm\:grid-cols-\[1fr_1fr_auto\] {
    grid-template-columns: 1fr 1fr auto;
  }

  .sm\:grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }

  .sm\:grid-cols-\[minmax\(0\2c 1fr\)_auto\] {
    grid-template-columns: minmax(0,1fr) auto;
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:items-start {
    align-items: flex-start;
  }

  .sm\:items-end {
    align-items: flex-end;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:justify-between {
    justify-content: space-between;
  }

  .sm\:gap-2 {
    gap: 0.5rem;
  }

  .sm\:gap-3 {
    gap: 0.75rem;
  }

  .sm\:p-10 {
    padding: 2.5rem;
  }

  .sm\:p-6 {
    padding: 1.5rem;
  }

  .sm\:p-7 {
    padding: 1.75rem;
  }

  .sm\:p-8 {
    padding: 2rem;
  }

  .sm\:p-9 {
    padding: 2.25rem;
  }

  .sm\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .sm\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .sm\:px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  .sm\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .sm\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 768px) {

  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:mt-7 {
    margin-top: 1.75rem;
  }

  .md\:block {
    display: block;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-\[1fr_260px_auto\] {
    grid-template-columns: 1fr 260px auto;
  }

  .md\:p-12 {
    padding: 3rem;
  }
}
@media (min-width: 1024px) {

  .lg\:static {
    position: static;
  }

  .lg\:sticky {
    position: sticky;
  }

  .lg\:top-0 {
    top: 0px;
  }

  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:grid {
    display: grid;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-screen {
    height: 100vh;
  }

  .lg\:min-h-screen {
    min-height: 100vh;
  }

  .lg\:min-w-\[340px\] {
    min-width: 340px;
  }

  .lg\:translate-x-0 {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[\.75fr_1\.25fr\] {
    grid-template-columns: .75fr 1.25fr;
  }

  .lg\:grid-cols-\[\.8fr_1\.2fr\] {
    grid-template-columns: .8fr 1.2fr;
  }

  .lg\:grid-cols-\[\.9fr_1\.1fr\] {
    grid-template-columns: .9fr 1.1fr;
  }

  .lg\:grid-cols-\[1fr_1fr_1fr_1fr_auto\] {
    grid-template-columns: 1fr 1fr 1fr 1fr auto;
  }

  .lg\:grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }

  .lg\:grid-cols-\[280px_1fr\] {
    grid-template-columns: 280px 1fr;
  }

  .lg\:grid-cols-\[292px_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 292px minmax(0,1fr);
  }

  .lg\:grid-cols-\[310px_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 310px minmax(0,1fr);
  }

  .lg\:grid-cols-\[minmax\(0\2c \.85fr\)_minmax\(0\2c 1\.15fr\)\] {
    grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr);
  }

  .lg\:grid-cols-\[minmax\(0\2c 1\.35fr\)_minmax\(360px\2c \.65fr\)\] {
    grid-template-columns: minmax(0,1.35fr) minmax(360px,.65fr);
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:flex-col {
    flex-direction: column;
  }

  .lg\:items-start {
    align-items: flex-start;
  }

  .lg\:items-end {
    align-items: flex-end;
  }

  .lg\:items-center {
    align-items: center;
  }

  .lg\:justify-end {
    justify-content: flex-end;
  }

  .lg\:justify-between {
    justify-content: space-between;
  }

  .lg\:border-l {
    border-left-width: 1px;
  }

  .lg\:border-t-0 {
    border-top-width: 0px;
  }

  .lg\:p-12 {
    padding: 3rem;
  }

  .lg\:p-7 {
    padding: 1.75rem;
  }

  .lg\:p-8 {
    padding: 2rem;
  }

  .lg\:p-9 {
    padding: 2.25rem;
  }

  .lg\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }

  .lg\:pb-0 {
    padding-bottom: 0px;
  }

  .lg\:pt-24 {
    padding-top: 6rem;
  }
}
@media (min-width: 1280px) {

  .xl\:sticky {
    position: sticky;
  }

  .xl\:top-24 {
    top: 6rem;
  }

  .xl\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .xl\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .xl\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .xl\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .xl\:inline {
    display: inline;
  }

  .xl\:max-w-3xl {
    max-width: 48rem;
  }

  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .xl\:grid-cols-\[\.8fr_1\.2fr\] {
    grid-template-columns: .8fr 1.2fr;
  }

  .xl\:grid-cols-\[\.9fr_1\.1fr\] {
    grid-template-columns: .9fr 1.1fr;
  }

  .xl\:grid-cols-\[1\.05fr_\.95fr\] {
    grid-template-columns: 1.05fr .95fr;
  }

  .xl\:grid-cols-\[1\.15fr_\.85fr\] {
    grid-template-columns: 1.15fr .85fr;
  }

  .xl\:grid-cols-\[1\.1fr_\.9fr\] {
    grid-template-columns: 1.1fr .9fr;
  }

  .xl\:grid-cols-\[1\.25fr_\.75fr\] {
    grid-template-columns: 1.25fr .75fr;
  }

  .xl\:grid-cols-\[1\.2fr_\.8fr\] {
    grid-template-columns: 1.2fr .8fr;
  }

  .xl\:grid-cols-\[1\.2fr_0\.8fr\] {
    grid-template-columns: 1.2fr 0.8fr;
  }

  .xl\:grid-cols-\[1fr_180px_240px_170px_170px_auto\] {
    grid-template-columns: 1fr 180px 240px 170px 170px auto;
  }

  .xl\:grid-cols-\[1fr_380px\] {
    grid-template-columns: 1fr 380px;
  }

  .xl\:grid-cols-\[1fr_390px\] {
    grid-template-columns: 1fr 390px;
  }

  .xl\:grid-cols-\[1fr_420px\] {
    grid-template-columns: 1fr 420px;
  }

  .xl\:grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }

  .xl\:grid-cols-\[280px_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 280px minmax(0,1fr);
  }

  .xl\:grid-cols-\[400px_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 400px minmax(0,1fr);
  }

  .xl\:grid-cols-\[minmax\(0\2c \.82fr\)_minmax\(0\2c 1\.18fr\)\] {
    grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr);
  }

  .xl\:grid-cols-\[minmax\(0\2c \.8fr\)_minmax\(0\2c 1\.2fr\)\] {
    grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
  }

  .xl\:grid-cols-\[minmax\(0\2c 1\.05fr\)_minmax\(340px\2c \.95fr\)\] {
    grid-template-columns: minmax(0,1.05fr) minmax(340px,.95fr);
  }

  .xl\:grid-cols-\[minmax\(0\2c 1\.15fr\)_minmax\(340px\2c \.85fr\)\] {
    grid-template-columns: minmax(0,1.15fr) minmax(340px,.85fr);
  }

  .xl\:grid-cols-\[minmax\(0\2c 1\.35fr\)_minmax\(320px\2c \.65fr\)\] {
    grid-template-columns: minmax(0,1.35fr) minmax(320px,.65fr);
  }

  .xl\:grid-cols-\[minmax\(0\2c 1fr\)_320px\] {
    grid-template-columns: minmax(0,1fr) 320px;
  }

  .xl\:grid-cols-\[minmax\(0\2c 1fr\)_340px\] {
    grid-template-columns: minmax(0,1fr) 340px;
  }

  .xl\:grid-cols-\[minmax\(0\2c 1fr\)_360px\] {
    grid-template-columns: minmax(0,1fr) 360px;
  }

  .xl\:grid-cols-\[minmax\(0\2c 1fr\)_390px\] {
    grid-template-columns: minmax(0,1fr) 390px;
  }

  .xl\:flex-row {
    flex-direction: row;
  }

  .xl\:items-start {
    align-items: flex-start;
  }

  .xl\:items-end {
    align-items: flex-end;
  }

  .xl\:items-center {
    align-items: center;
  }

  .xl\:justify-between {
    justify-content: space-between;
  }

  .xl\:self-start {
    align-self: flex-start;
  }
}
@media (min-width: 1536px) {

  .\32xl\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .\32xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .\32xl\:grid-cols-\[410px_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 410px minmax(0,1fr);
  }

  .\32xl\:grid-cols-\[420px_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 420px minmax(0,1fr);
  }

  .\32xl\:grid-cols-\[430px_1fr\] {
    grid-template-columns: 430px 1fr;
  }

  .\32xl\:grid-cols-\[minmax\(0\2c 1\.05fr\)_minmax\(420px\2c \.95fr\)\] {
    grid-template-columns: minmax(0,1.05fr) minmax(420px,.95fr);
  }

  .\32xl\:grid-cols-\[minmax\(0\2c 1\.15fr\)_minmax\(420px\2c \.85fr\)\] {
    grid-template-columns: minmax(0,1.15fr) minmax(420px,.85fr);
  }

  .\32xl\:grid-cols-\[minmax\(0\2c 1\.35fr\)_420px\] {
    grid-template-columns: minmax(0,1.35fr) 420px;
  }

  .\32xl\:grid-cols-\[minmax\(0\2c 1\.55fr\)_minmax\(330px\2c \.65fr\)\] {
    grid-template-columns: minmax(0,1.55fr) minmax(330px,.65fr);
  }

  .\32xl\:grid-cols-\[minmax\(340px\2c \.68fr\)_minmax\(0\2c 1\.32fr\)\] {
    grid-template-columns: minmax(340px,.68fr) minmax(0,1.32fr);
  }

  .\32xl\:grid-cols-\[minmax\(380px\2c \.72fr\)_minmax\(0\2c 1\.28fr\)\] {
    grid-template-columns: minmax(380px,.72fr) minmax(0,1.28fr);
  }

  .\32xl\:grid-cols-\[minmax\(380px\2c \.75fr\)_minmax\(0\2c 1\.25fr\)\] {
    grid-template-columns: minmax(380px,.75fr) minmax(0,1.25fr);
  }

  .\32xl\:grid-cols-\[minmax\(420px\2c \.8fr\)_minmax\(0\2c 1\.2fr\)\] {
    grid-template-columns: minmax(420px,.8fr) minmax(0,1.2fr);
  }

  .\32xl\:grid-cols-\[minmax\(440px\2c \.85fr\)_minmax\(0\2c 1\.15fr\)\] {
    grid-template-columns: minmax(440px,.85fr) minmax(0,1.15fr);
  }

  .\32xl\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.ltr\:origin-top-left:where([dir="ltr"], [dir="ltr"] *) {
  transform-origin: top left;
}
.ltr\:origin-top-right:where([dir="ltr"], [dir="ltr"] *) {
  transform-origin: top right;
}
.rtl\:origin-top-left:where([dir="rtl"], [dir="rtl"] *) {
  transform-origin: top left;
}
.rtl\:origin-top-right:where([dir="rtl"], [dir="rtl"] *) {
  transform-origin: top right;
}
.rtl\:flex-row-reverse:where([dir="rtl"], [dir="rtl"] *) {
  flex-direction: row-reverse;
}
@media (prefers-color-scheme: dark) {

  .dark\:border-gray-600 {
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
  }

  .dark\:bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
  }

  .dark\:text-gray-200 {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }

  .dark\:text-gray-300 {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }

  .dark\:text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1));
  }

  .dark\:text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }

  .dark\:hover\:bg-gray-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
  }

  .dark\:hover\:text-gray-200:hover {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }

  .dark\:hover\:text-gray-300:hover {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }

  .dark\:focus\:border-blue-700:focus {
    --tw-border-opacity: 1;
    border-color: rgb(29 78 216 / var(--tw-border-opacity, 1));
  }

  .dark\:focus\:border-blue-800:focus {
    --tw-border-opacity: 1;
    border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
  }

  .dark\:active\:bg-gray-700:active {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
  }

  .dark\:active\:text-gray-300:active {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
}