/* KM Ascend Advisory — static stylesheet (compiled from the original Tailwind build) */
@layer properties {
@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
*, ::before, ::after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-border-style: solid; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-outline-style: solid; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; }
}
}
@layer theme {
:root, :host { --font-sans: "Lato", system-ui, sans-serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --spacing: .25rem; --container-xs: 20rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --font-weight-light: 300; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --tracking-tight: -.025em; --leading-tight: 1.25; --leading-relaxed: 1.625; --ease-out: cubic-bezier(0, 0, .2, 1); --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: "Lato", system-ui, sans-serif; --default-mono-font-family: var(--font-mono); --font-label: "Work Sans", system-ui, sans-serif; --color-background: var(--background); --color-foreground: var(--foreground); --color-border: var(--border); }
}
@layer base {
*, ::after, ::before, ::backdrop { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
html, :host { text-size-adjust: 100%; -webkit-text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif); -webkit-tap-highlight-color: transparent; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
ol, ul, menu { list-style: none; }
img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; }
img, video { max-width: 100%; height: auto; }
button, input, select, optgroup, textarea { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
::placeholder { opacity: 1; }
textarea { resize: vertical; }
button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; }
button { cursor: pointer; }
[hidden]:where(:not([hidden="until-found"])) { display: none !important; }
* { border-color: var(--color-border); }
html { scroll-behavior: smooth; }
body { background-color: var(--color-background); color: var(--color-foreground); font-family: var(--font-sans); -webkit-font-smoothing: antialiased; }
}
@layer utilities {
.pointer-events-none { pointer-events: none; }
.absolute { position: absolute; }
.fixed { position: fixed; }
.relative { position: relative; }
.inset-0 { inset: 0px; }
.inset-x-0 { inset-inline: 0px; }
.top-0 { top: 0px; }
.top-1\/2 { top: 50%; }
.-right-40 { right: calc(var(--spacing) * -40); }
.-left-\[3px\] { left: -3px; }
.-left-px { left: -1px; }
.left-0 { left: 0px; }
.z-50 { z-index: 50; }
.col-span-2 { grid-column: span 2 / span 2; }
.col-span-10 { grid-column: span 10 / span 10; }
.col-span-12 { grid-column: span 12 / span 12; }
.mx-auto { margin-inline: auto; }
.mt-2 { margin-top: calc(var(--spacing) * 2); }
.mt-3 { margin-top: calc(var(--spacing) * 3); }
.mt-4 { margin-top: calc(var(--spacing) * 4); }
.mt-5 { margin-top: calc(var(--spacing) * 5); }
.mt-6 { margin-top: calc(var(--spacing) * 6); }
.mt-8 { margin-top: calc(var(--spacing) * 8); }
.mt-10 { margin-top: calc(var(--spacing) * 10); }
.mt-12 { margin-top: calc(var(--spacing) * 12); }
.mt-20 { margin-top: calc(var(--spacing) * 20); }
.ml-\[3\.25rem\] { margin-left: 3.25rem; }
.block { display: block; }
.flex { display: flex; }
.grid { display: grid; }
.hidden { display: none; }
.inline-block { display: inline-block; }
.aspect-\[540\/560\] { aspect-ratio: 540 / 560; }
.h-9 { height: calc(var(--spacing) * 9); }
.h-10 { height: calc(var(--spacing) * 10); }
.h-20 { height: calc(var(--spacing) * 20); }
.h-24 { height: calc(var(--spacing) * 24); }
.h-\[7px\] { height: 7px; }
.h-\[700px\] { height: 700px; }
.h-full { height: 100%; }
.h-px { height: 1px; }
.min-h-\[22rem\] { min-height: 22rem; }
.min-h-screen { min-height: 100vh; }
.w-0 { width: 0px; }
.w-10 { width: calc(var(--spacing) * 10); }
.w-12 { width: calc(var(--spacing) * 12); }
.w-\[7px\] { width: 7px; }
.w-\[700px\] { width: 700px; }
.w-auto { width: auto; }
.w-full { width: 100%; }
.w-px { width: 1px; }
.max-w-\[16rem\] { max-width: 16rem; }
.max-w-\[1440px\] { max-width: 1440px; }
.max-w-lg { max-width: var(--container-lg); }
.max-w-md { max-width: var(--container-md); }
.max-w-xl { max-width: var(--container-xl); }
.max-w-xs { max-width: var(--container-xs); }
.flex-1 { flex: 1 1 0%; }
.shrink-0 { flex-shrink: 0; }
.animate-drift { transform-origin: 50% center; animation: 24s ease-in-out 0s infinite normal none running drift; }
.-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
.-translate-y-6 { --tw-translate-y: calc(var(--spacing) * -6); translate: var(--tw-translate-x) var(--tw-translate-y); }
.translate-y-0 { --tw-translate-y: 0px; translate: var(--tw-translate-x) var(--tw-translate-y); }
.translate-y-6 { --tw-translate-y: calc(var(--spacing) * 6); translate: var(--tw-translate-x) var(--tw-translate-y); }
.rotate-45 { rotate: 45deg; }
.rotate-90 { rotate: 90deg; }
.animate-draw { stroke-dasharray: 1200; animation: 3.2s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal both running draw; }
.animate-pulse-dot { animation: 3s ease-in-out 0s infinite normal none running pulse-dot; }
.animate-rise { animation: 1.1s cubic-bezier(0.2, 0.7, 0.1, 1) 0s 1 normal both running rise; }
.resize-none { resize: none; }
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
.grid-cols-12 { grid-template-columns: repeat(12, minmax(0px, 1fr)); }
.grid-rows-\[0fr\] { grid-template-rows: 0fr; }
.grid-rows-\[1fr\] { grid-template-rows: 1fr; }
.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.items-baseline { align-items: baseline; }
.items-center { align-items: center; }
.items-end { align-items: flex-end; }
.items-start { align-items: flex-start; }
.justify-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.gap-1 { gap: var(--spacing); }
.gap-2 { gap: calc(var(--spacing) * 2); }
.gap-3 { gap: calc(var(--spacing) * 3); }
.gap-4 { gap: calc(var(--spacing) * 4); }
.gap-5 { gap: calc(var(--spacing) * 5); }
.gap-6 { gap: calc(var(--spacing) * 6); }
.gap-8 { gap: calc(var(--spacing) * 8); }
.gap-10 { gap: calc(var(--spacing) * 10); }
:where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); }
:where(.space-y-3 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); }
.overflow-hidden { overflow: hidden; }
.border { border-style: var(--tw-border-style); border-width: 1px; }
.border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; }
.border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; }
.border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
.border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; }
.border-border { border-color: var(--border); }
.border-foreground, .border-foreground\/20 { border-color: var(--foreground); }
@supports (color:color-mix(in lab, red, red)) {
.border-foreground\/20 { border-color: color-mix(in oklab, var(--foreground) 20%, transparent); }
}
.border-on-navy { border-color: var(--on-navy); }
.border-rule-navy { border-color: var(--rule-navy); }
.bg-background, .bg-background\/95 { background-color: var(--background); }
@supports (color:color-mix(in lab, red, red)) {
.bg-background\/95 { background-color: color-mix(in oklab, var(--background) 95%, transparent); }
}
.bg-border { background-color: var(--border); }
.bg-foreground { background-color: var(--foreground); }
.bg-navy { background-color: var(--navy); }
.bg-navy-deep { background-color: var(--navy-deep); }
.bg-on-navy { background-color: var(--on-navy); }
.bg-paper { background-color: var(--paper); }
.bg-rule-navy { background-color: var(--rule-navy); }
.bg-tint { background-color: var(--tint); }
.bg-transparent { background-color: rgba(0, 0, 0, 0); }
.grid-lines { background-image: linear-gradient(var(--rule-navy) 1px, transparent 1px), linear-gradient(90deg, var(--rule-navy) 1px, transparent 1px); opacity: 0.35; background-size: 80px 80px; }
.p-8 { padding: calc(var(--spacing) * 8); }
.px-6 { padding-inline: calc(var(--spacing) * 6); }
.px-8 { padding-inline: calc(var(--spacing) * 8); }
.py-4 { padding-block: calc(var(--spacing) * 4); }
.py-5 { padding-block: calc(var(--spacing) * 5); }
.py-6 { padding-block: calc(var(--spacing) * 6); }
.py-8 { padding-block: calc(var(--spacing) * 8); }
.py-10 { padding-block: calc(var(--spacing) * 10); }
.py-16 { padding-block: calc(var(--spacing) * 16); }
.py-28 { padding-block: calc(var(--spacing) * 28); }
.pt-6 { padding-top: calc(var(--spacing) * 6); }
.pt-8 { padding-top: calc(var(--spacing) * 8); }
.pt-32 { padding-top: calc(var(--spacing) * 32); }
.pb-1 { padding-bottom: var(--spacing); }
.pb-16 { padding-bottom: calc(var(--spacing) * 16); }
.pl-8 { padding-left: calc(var(--spacing) * 8); }
.text-left { text-align: left; }
.label { font-family: var(--font-label); letter-spacing: 0.22em; text-transform: uppercase; font-size: 0.72rem; font-weight: 500; }
.font-display { font-family: "Abril Fatface", Georgia, serif; }
.font-label { font-family: "Work Sans", system-ui, sans-serif; }
.font-sans { font-family: Lato, system-ui, sans-serif; }
.text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading,var(--text-2xl--line-height)); }
.text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading,var(--text-3xl--line-height)); }
.text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading,var(--text-5xl--line-height)); }
.text-lg { font-size: var(--text-lg); line-height: var(--tw-leading,var(--text-lg--line-height)); }
.text-sm { font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); }
.text-xl { font-size: var(--text-xl); line-height: var(--tw-leading,var(--text-xl--line-height)); }
.text-\[clamp\(1\.4rem\,2\.6vw\,2\.4rem\)\] { font-size: clamp(1.4rem, 2.6vw, 2.4rem); }
.text-\[clamp\(1\.5rem\,3\.4vw\,3\.4rem\)\] { font-size: clamp(1.5rem, 3.4vw, 3.4rem); }
.text-\[clamp\(2\.2rem\,5\.4vw\,5\.4rem\)\] { font-size: clamp(2.2rem, 5.4vw, 5.4rem); }
.text-\[clamp\(2\.2rem\,5vw\,4\.6rem\)\] { font-size: clamp(2.2rem, 5vw, 4.6rem); }
.text-\[clamp\(2\.4rem\,5vw\,4\.5rem\)\] { font-size: clamp(2.4rem, 5vw, 4.5rem); }
.text-\[clamp\(2\.6rem\,4\.2vw\,4\.4rem\)\] { font-size: clamp(2.6rem, 4.2vw, 4.4rem); }
.text-\[clamp\(2rem\,3\.6vw\,3\.4rem\)\] { font-size: clamp(2rem, 3.6vw, 3.4rem); }
.text-\[clamp\(2rem\,4\.6vw\,4\.6rem\)\] { font-size: clamp(2rem, 4.6vw, 4.6rem); }
.text-\[clamp\(2rem\,4vw\,3\.6rem\)\] { font-size: clamp(2rem, 4vw, 3.6rem); }
.text-\[clamp\(3\.4rem\,9vw\,9\.5rem\)\] { font-size: clamp(3.4rem, 9vw, 9.5rem); }
.text-\[clamp\(3rem\,7vw\,7rem\)\] { font-size: clamp(3rem, 7vw, 7rem); }
.leading-\[0\.92\] { --tw-leading: .92; line-height: 0.92; }
.leading-\[0\.95\] { --tw-leading: .95; line-height: 0.95; }
.leading-\[0\.98\] { --tw-leading: .98; line-height: 0.98; }
.leading-\[1\.02\] { --tw-leading: 1.02; line-height: 1.02; }
.leading-\[1\.08\] { --tw-leading: 1.08; line-height: 1.08; }
.leading-none { --tw-leading: 1; line-height: 1; }
.leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); }
.leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); }
.font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); }
.font-light { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); }
.font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }
.font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); }
.tracking-\[0\.12em\] { --tw-tracking: .12em; letter-spacing: 0.12em; }
.tracking-\[0\.28em\] { --tw-tracking: .28em; letter-spacing: 0.28em; }
.tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); }
.whitespace-nowrap { white-space: nowrap; }
.text-foreground, .text-foreground\/25 { color: var(--foreground); }
@supports (color:color-mix(in lab, red, red)) {
.text-foreground\/25 { color: color-mix(in oklab, var(--foreground) 25%, transparent); }
}
.text-muted-foreground { color: var(--muted-foreground); }
.text-on-navy { color: var(--on-navy); }
.text-on-navy-muted { color: var(--on-navy-muted); }
.uppercase { text-transform: uppercase; }
.italic { font-style: italic; }
.tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); }
.opacity-0 { opacity: 0; }
.opacity-10 { opacity: 0.1; }
.opacity-100 { opacity: 1; }
.backdrop-blur { --tw-backdrop-blur: blur(8px); -webkit-backdrop-filter: var(--tw-backdrop-blur,); 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-\[grid-template-rows\,opacity\] { transition-property: grid-template-rows, opacity; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
.transition-all { transition-property: all; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
.transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
.transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
.transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
.duration-500 { --tw-duration: .5s; transition-duration: 0.5s; }
.duration-700 { --tw-duration: .7s; transition-duration: 0.7s; }
.ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); }
@media (hover: hover) {
.group-hover\:w-1\/4:is(:where(.group):hover *) { width: 25%; }
.group-hover\:translate-x-1:is(:where(.group):hover *) { --tw-translate-x: var(--spacing); translate: var(--tw-translate-x) var(--tw-translate-y); }
.group-hover\:translate-x-3:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * 3); translate: var(--tw-translate-x) var(--tw-translate-y); }
.group-hover\:text-foreground:is(:where(.group):hover *), .group-hover\:text-foreground\/60:is(:where(.group):hover *) { color: var(--foreground); }
@supports (color:color-mix(in lab, red, red)) {
.group-hover\:text-foreground\/60:is(:where(.group):hover *) { color: color-mix(in oklab, var(--foreground) 60%, transparent); }
}
}
.placeholder\:text-on-navy-muted::placeholder { color: var(--on-navy-muted); }
@media (hover: hover) {
.hover\:border-foreground:hover { border-color: var(--foreground); }
.hover\:border-on-navy:hover { border-color: var(--on-navy); }
.hover\:bg-background\/60:hover { background-color: var(--background); }
@supports (color:color-mix(in lab, red, red)) {
.hover\:bg-background\/60:hover { background-color: color-mix(in oklab, var(--background) 60%, transparent); }
}
.hover\:bg-on-navy:hover { background-color: var(--on-navy); }
.hover\:text-navy:hover { color: var(--navy); }
.hover\:text-on-navy:hover { color: var(--on-navy); }
.hover\:opacity-60:hover { opacity: 0.6; }
}
.focus\:border-on-navy:focus { border-color: var(--on-navy); }
.focus\:outline-none:focus { --tw-outline-style: none; outline-style: none; }
@media (width >= 40rem) {
.sm\:block { display: block; }
}
@media (width >= 48rem) {
.md\:col-span-1 { grid-column: span 1 / span 1; }
.md\:col-span-2 { grid-column: span 2 / span 2; }
.md\:col-span-4 { grid-column: span 4 / span 4; }
.md\:col-span-5 { grid-column: span 5 / span 5; }
.md\:col-span-6 { grid-column: span 6 / span 6; }
.md\:col-span-7 { grid-column: span 7 / span 7; }
.md\:col-span-8 { grid-column: span 8 / span 8; }
.md\:col-start-1 { grid-column-start: 1; }
.md\:col-start-4 { grid-column-start: 4; }
.md\:col-start-8 { grid-column-start: 8; }
.md\:col-start-9 { grid-column-start: 9; }
.md\:min-h-\[26rem\] { min-height: 26rem; }
.md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.md\:gap-6 { gap: calc(var(--spacing) * 6); }
.md\:gap-7 { gap: calc(var(--spacing) * 7); }
.md\:p-10 { padding: calc(var(--spacing) * 10); }
.md\:px-12 { padding-inline: calc(var(--spacing) * 12); }
.md\:py-14 { padding-block: calc(var(--spacing) * 14); }
.md\:py-36 { padding-block: calc(var(--spacing) * 36); }
.md\:py-40 { padding-block: calc(var(--spacing) * 40); }
.md\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading,var(--text-3xl--line-height)); }
.md\:text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading,var(--text-6xl--line-height)); }
}
@media (width >= 64rem) {
.lg\:col-span-4 { grid-column: span 4 / span 4; }
.lg\:col-span-5 { grid-column: span 5 / span 5; }
.lg\:col-span-6 { grid-column: span 6 / span 6; }
.lg\:col-span-7 { grid-column: span 7 / span 7; }
.lg\:col-span-8 { grid-column: span 8 / span 8; }
.lg\:col-start-7 { grid-column-start: 7; }
.lg\:mt-0 { margin-top: 0px; }
.lg\:flex { display: flex; }
.lg\:hidden { display: none; }
.lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.lg\:items-center { align-items: center; }
.lg\:border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
.lg\:border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; }
.lg\:px-8 { padding-inline: calc(var(--spacing) * 8); }
.lg\:py-12 { padding-block: calc(var(--spacing) * 12); }
.lg\:pt-16 { padding-top: calc(var(--spacing) * 16); }
.lg\:pl-0 { padding-left: 0px; }
}
}

@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-tracking { syntax: "*"; inherits: false; }
@property --tw-numeric-spacing { syntax: "*"; inherits: false; }
@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-backdrop-blur { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-ease { syntax: "*"; inherits: false; }

:root { --radius: 2px; --navy: oklch(20% .11 268); --navy-deep: oklch(16% .09 268); --paper: oklch(97.7% .006 270); --tint: oklch(95.5% .012 272); --on-navy: oklch(100% 0 0); --on-navy-muted: oklch(100% 0 0/.62); --rule-navy: oklch(100% 0 0/.16); --background: oklch(100% 0 0); --foreground: var(--navy); --muted-foreground: oklch(52% .03 265); --border: oklch(20% .11 268/.14); }

@keyframes rise {
  0% { opacity: 0; transform: translateY(28px); }
  100% { opacity: 1; transform: none; }
}
@keyframes draw {
  0% { stroke-dashoffset: 1200px; }
  100% { stroke-dashoffset: 0; }
}
@keyframes drift {
  0%, 100% { transform: rotate(0deg); }
  50% { transform: rotate(4deg); }
}
@keyframes pulse-dot {
  0%, 100% { opacity: 0.3; }
  50% { opacity: 1; }
}
.reveal { opacity: 0; transition: opacity 1s, transform 1s cubic-bezier(0.2, 0.7, 0.1, 1); transform: translateY(24px); }
.reveal.is-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
*, ::before, ::after { transition: none !important; animation: none !important; }
.reveal { opacity: 1; transform: none; }
}