/* AURLE component layer — preserves the original site DNA while making every page self-contained. */ :root{color-scheme:dark} html{background:#090a0f;scroll-behavior:smooth} body{background:#090a0f;color:#e2e8f0;min-width:320px} img{max-width:100%;height:auto} .glass-panel{background:rgba(17,19,28,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.07)} .glass-panel:hover{border-color:rgba(56,189,248,.25);box-shadow:0 10px 30px -10px rgba(56,189,248,.1)} .bg-grid-pattern{background-size:40px 40px;background-image:linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px)} .bg-radial-gradient{background:radial-gradient(circle at 50% 0%,rgba(56,189,248,.12) 0%,rgba(9,10,15,0) 70%)} .aurle-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);will-change:opacity,transform} .aurle-reveal.aurle-visible{opacity:1;transform:translateY(0)} .aurle-reveal-delay-1{transition-delay:80ms}.aurle-reveal-delay-2{transition-delay:160ms}.aurle-reveal-delay-3{transition-delay:240ms}.aurle-reveal-delay-4{transition-delay:320ms} .aurle-fade{opacity:0;transition:opacity .8s ease}.aurle-fade.aurle-visible{opacity:1} .aurle-click-lift{transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s ease,border-color .28s ease}.aurle-click-lift:hover{transform:translateY(-3px)}.aurle-click-lift:active{transform:translateY(1px) scale(.985)} .aurle-section-rule{height:1px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.35),transparent)} .aurle-testimonials{position:relative;overflow:hidden}.aurle-testimonials:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 50% 50%,rgba(108,43,217,.10),transparent 42%);pointer-events:none}.aurle-testimonial-stage{position:relative;max-width:820px;height:420px;margin:0 auto;perspective:1200px;overflow:hidden}.aurle-testimonial-track{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:100%;transition:transform 900ms cubic-bezier(.16,1,.3,1)}.aurle-testimonial-card{position:absolute;left:50%;top:50%;width:min(720px,88vw);transform:translate(-50%,-50%) scale(.82);opacity:0;pointer-events:none;transition:transform 900ms cubic-bezier(.16,1,.3,1),opacity 700ms ease,filter 700ms ease;filter:blur(2px)}.aurle-testimonial-card.active{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0);pointer-events:auto;z-index:3}.aurle-testimonial-inner{background:rgba(255,255,255,.035);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.07);box-shadow:0 25px 80px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04);cursor:pointer}.aurle-testimonial-inner:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(120deg,rgba(108,43,217,.35),transparent 45%,rgba(30,144,255,.28));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.65}.aurle-quote-mark{background:linear-gradient(135deg,#6C2BD9,#1E90FF);-webkit-background-clip:text;background-clip:text;color:transparent}.aurle-underline{width:92px;height:3px;border-radius:99px;background:linear-gradient(90deg,#6C2BD9,#1E90FF);margin:14px auto 0;box-shadow:0 0 22px rgba(30,144,255,.3)}.aurle-dots{display:flex;justify-content:center;gap:8px;margin-top:20px}.aurle-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.18);transition:all .45s ease;cursor:pointer;border:0;padding:0}.aurle-dot.active{width:26px;border-radius:99px;background:linear-gradient(90deg,#6C2BD9,#1E90FF);box-shadow:0 0 14px rgba(108,43,217,.45)} .aurle-mobile-menu{transform-origin:top;opacity:0;transform:translateY(-10px) scaleY(.96);pointer-events:none;transition:opacity .28s ease,transform .28s cubic-bezier(.16,1,.3,1)}.aurle-mobile-menu.is-open{opacity:1;transform:none;pointer-events:auto}.aurle-hamburger{position:relative;width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);display:grid;place-items:center;transition:border-color .25s ease,background .25s ease}.aurle-hamburger:hover{border-color:rgba(56,189,248,.35);background:rgba(56,189,248,.05)}.aurle-hamburger-bars{width:20px;height:16px;position:relative}.aurle-hamburger-bars span{position:absolute;left:0;width:20px;height:2px;border-radius:99px;background:#cbd5e1;transition:transform .3s cubic-bezier(.16,1,.3,1),top .3s cubic-bezier(.16,1,.3,1),opacity .2s ease,background .25s ease}.aurle-hamburger-bars span:nth-child(1){top:1px}.aurle-hamburger-bars span:nth-child(2){top:7px}.aurle-hamburger-bars span:nth-child(3){top:13px}.aurle-hamburger.is-open .aurle-hamburger-bars span{background:#38bdf8}.aurle-hamburger.is-open .aurle-hamburger-bars span:nth-child(1){top:7px;transform:rotate(45deg)}.aurle-hamburger.is-open .aurle-hamburger-bars span:nth-child(2){opacity:0;transform:scaleX(.2)}.aurle-hamburger.is-open .aurle-hamburger-bars span:nth-child(3){top:7px;transform:rotate(-45deg)}.aurle-mobile-link{display:flex;align-items:center;justify-content:space-between;padding:.85rem .9rem;border:1px solid transparent;border-radius:.8rem;color:#cbd5e1;transition:all .22s ease}.aurle-mobile-link:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.07);color:#fff;transform:translateX(3px)} .aurle-floating-x{position:fixed;top:96px;right:18px;z-index:80;width:44px;height:44px;border-radius:999px;display:grid;place-items:center;background:rgba(22,25,38,.88);border:1px solid rgba(255,255,255,.12);color:#cbd5e1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 14px 35px rgba(0,0,0,.35);transition:transform .25s ease,border-color .25s ease,color .25s ease,background .25s ease}.aurle-floating-x:hover{transform:rotate(90deg) scale(1.06);border-color:rgba(56,189,248,.45);color:#38bdf8;background:rgba(17,19,28,.96)} .aurle-page-main{padding-top:6.5rem}.aurle-loader-hidden{display:none!important} .aurle-success-page{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:7rem 1rem 5rem}.aurle-success-card{width:min(760px,100%);position:relative;overflow:hidden}.aurle-success-card:before{content:"";position:absolute;inset:-40% -10% auto;height:280px;background:radial-gradient(circle,rgba(56,189,248,.14),transparent 68%);pointer-events:none}.aurle-success-check{width:74px;height:74px;border-radius:999px;display:grid;place-items:center;background:rgba(16,185,129,.10);border:1px solid rgba(16,185,129,.28);color:#34d399;box-shadow:0 0 50px rgba(16,185,129,.10);animation:aurleCheckPop .55s cubic-bezier(.16,1,.3,1) both}@keyframes aurleCheckPop{from{opacity:0;transform:scale(.6) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(0)}} @media(max-width:640px){.aurle-testimonial-stage{height:470px}.aurle-testimonial-card{width:calc(100vw - 32px)}.aurle-testimonial-inner{padding:24px!important}.aurle-floating-x{top:82px;right:14px;width:42px;height:42px}} @media(prefers-reduced-motion:reduce){.aurle-reveal,.aurle-fade,.aurle-click-lift,.aurle-mobile-menu,.aurle-hamburger-bars span,.aurle-mobile-link,.aurle-floating-x{transition:none!important;animation:none!important;opacity:1!important;transform:none!important}} /*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */ @layer properties; @layer theme, base, components, utilities; @layer theme { :root, :host { --font-sans: Inter, sans-serif; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-300: oklch(80.8% 0.114 19.571); --color-red-400: oklch(70.4% 0.191 22.216); --color-red-500: oklch(63.7% 0.237 25.331); --color-red-950: oklch(25.8% 0.092 26.042); --color-amber-400: oklch(82.8% 0.189 84.429); --color-amber-500: oklch(76.9% 0.188 70.08); --color-emerald-300: oklch(84.5% 0.143 164.978); --color-emerald-400: oklch(76.5% 0.177 163.223); --color-emerald-500: oklch(69.6% 0.17 162.48); --color-emerald-950: oklch(26.2% 0.051 172.552); --color-cyan-400: oklch(78.9% 0.154 211.53); --color-cyan-500: oklch(71.5% 0.143 215.221); --color-sky-400: oklch(74.6% 0.16 232.661); --color-blue-400: oklch(70.7% 0.165 254.624); --color-blue-500: oklch(62.3% 0.214 259.815); --color-blue-600: oklch(54.6% 0.245 262.881); --color-purple-400: oklch(71.4% 0.203 305.504); --color-purple-500: oklch(62.7% 0.265 303.9); --color-slate-200: oklch(92.9% 0.013 255.508); --color-slate-300: oklch(86.9% 0.022 252.894); --color-slate-400: oklch(70.4% 0.04 256.788); --color-slate-500: oklch(55.4% 0.046 257.417); --color-slate-600: oklch(44.6% 0.043 257.281); --color-slate-700: oklch(37.2% 0.044 257.287); --color-slate-800: oklch(27.9% 0.041 260.031); --color-slate-950: oklch(12.9% 0.042 264.695); --color-white: #fff; --spacing: 0.25rem; --container-md: 28rem; --container-lg: 32rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --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-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --tracking-tight: -0.025em; --tracking-wide: 0.025em; --tracking-wider: 0.05em; --tracking-widest: 0.1em; --leading-tight: 1.25; --leading-relaxed: 1.625; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --blur-md: 12px; --blur-xl: 24px; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --font-display: "Plus Jakarta Sans", sans-serif; --color-brand-200: #bae6fd; --color-brand-300: #7dd3fc; --color-brand-400: #38bdf8; --color-brand-500: #0ea5e9; --color-brand-950: #082f49; --color-dark-bg: #090a0f; --color-dark-surface: #11131c; --color-dark-card: #161926; } } @layer base { *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentcolor; @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-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-block: 0; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } } @layer utilities { .pointer-events-none { pointer-events: none; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .inset-0 { inset: calc(var(--spacing) * 0); } .top-0 { top: calc(var(--spacing) * 0); } .top-1\/4 { top: calc(1/4 * 100%); } .top-full { top: 100%; } .right-0 { right: calc(var(--spacing) * 0); } .right-6 { right: calc(var(--spacing) * 6); } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-6 { bottom: calc(var(--spacing) * 6); } .left-0 { left: calc(var(--spacing) * 0); } .left-1\/2 { left: calc(1/2 * 100%); } .z-10 { z-index: 10; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .z-\[100\] { z-index: 100; } .mx-auto { margin-inline: auto; } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } .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-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-5 { margin-bottom: calc(var(--spacing) * 5); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-7 { margin-bottom: calc(var(--spacing) * 7); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-10 { margin-bottom: calc(var(--spacing) * 10); } .mb-12 { margin-bottom: calc(var(--spacing) * 12); } .mb-14 { margin-bottom: calc(var(--spacing) * 14); } .mb-16 { margin-bottom: calc(var(--spacing) * 16); } .block { display: block; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline-flex { display: inline-flex; } .h-1\.5 { height: calc(var(--spacing) * 1.5); } .h-2 { height: calc(var(--spacing) * 2); } .h-3\.5 { height: calc(var(--spacing) * 3.5); } .h-4 { height: calc(var(--spacing) * 4); } .h-5 { height: calc(var(--spacing) * 5); } .h-6 { height: calc(var(--spacing) * 6); } .h-8 { height: calc(var(--spacing) * 8); } .h-9 { height: calc(var(--spacing) * 9); } .h-10 { height: calc(var(--spacing) * 10); } .h-11 { height: calc(var(--spacing) * 11); } .h-12 { height: calc(var(--spacing) * 12); } .h-20 { height: calc(var(--spacing) * 20); } .h-32 { height: calc(var(--spacing) * 32); } .h-\[2px\] { height: 2px; } .h-\[300px\] { height: 300px; } .h-\[350px\] { height: 350px; } .h-full { height: 100%; } .min-h-screen { min-height: 100vh; } .w-0 { width: calc(var(--spacing) * 0); } .w-1 { width: calc(var(--spacing) * 1); } .w-1\.5 { width: calc(var(--spacing) * 1.5); } .w-2 { width: calc(var(--spacing) * 2); } .w-3\.5 { width: calc(var(--spacing) * 3.5); } .w-4 { width: calc(var(--spacing) * 4); } .w-5 { width: calc(var(--spacing) * 5); } .w-6 { width: calc(var(--spacing) * 6); } .w-8 { width: calc(var(--spacing) * 8); } .w-9 { width: calc(var(--spacing) * 9); } .w-10 { width: calc(var(--spacing) * 10); } .w-11 { width: calc(var(--spacing) * 11); } .w-12 { width: calc(var(--spacing) * 12); } .w-20 { width: calc(var(--spacing) * 20); } .w-32 { width: calc(var(--spacing) * 32); } .w-48 { width: calc(var(--spacing) * 48); } .w-\[600px\] { width: 600px; } .w-\[650px\] { width: 650px; } .w-full { width: 100%; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-5xl { max-width: var(--container-5xl); } .max-w-6xl { max-width: var(--container-6xl); } .max-w-7xl { max-width: var(--container-7xl); } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .flex-1 { flex: 1; } .flex-shrink-0 { flex-shrink: 0; } .shrink-0 { flex-shrink: 0; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .animate-ping { animation: var(--animate-ping); } .animate-pulse { animation: var(--animate-pulse); } .cursor-pointer { cursor: pointer; } .resize-none { resize: none; } .list-disc { list-style-type: disc; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .items-center { align-items: center; } .items-start { align-items: flex-start; } .items-stretch { align-items: stretch; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .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); } .gap-12 { gap: calc(var(--spacing) * 12); } .space-y-1\.5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-2 { :where(& > :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))); } } .space-y-3 { :where(& > :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))); } } .space-y-4 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-6 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-8 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .overflow-hidden { overflow: hidden; } .overflow-x-hidden { overflow-x: hidden; } .scroll-smooth { scroll-behavior: smooth; } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-3xl { border-radius: var(--radius-3xl); } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-xl { border-radius: var(--radius-xl); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-t-2 { border-top-style: var(--tw-border-style); border-top-width: 2px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-l-4 { border-left-style: var(--tw-border-style); border-left-width: 4px; } .border-amber-500\/20 { border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent); } } .border-blue-500\/20 { border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent); } } .border-brand-400\/20 { border-color: color-mix(in srgb, #38bdf8 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-brand-400) 20%, transparent); } } .border-brand-400\/25 { border-color: color-mix(in srgb, #38bdf8 25%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-brand-400) 25%, transparent); } } .border-brand-400\/30 { border-color: color-mix(in srgb, #38bdf8 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-brand-400) 30%, transparent); } } .border-brand-500\/20 { border-color: color-mix(in srgb, #0ea5e9 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-brand-500) 20%, transparent); } } .border-brand-500\/25 { border-color: color-mix(in srgb, #0ea5e9 25%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-brand-500) 25%, transparent); } } .border-brand-500\/30 { border-color: color-mix(in srgb, #0ea5e9 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-brand-500) 30%, transparent); } } .border-cyan-500\/20 { border-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent); } } .border-emerald-400\/10 { border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-400) 10%, transparent); } } .border-emerald-500\/20 { border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent); } } .border-purple-500\/20 { border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent); } } .border-red-500\/20 { border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent); } } .border-red-500\/25 { border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 25%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-500) 25%, transparent); } } .border-slate-500\/20 { border-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-slate-500) 20%, transparent); } } .border-slate-700\/50 { border-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent); } } .border-transparent { border-color: transparent; } .border-white\/5 { border-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .border-white\/10 { border-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .border-t-brand-400 { border-top-color: var(--color-brand-400); } .border-l-brand-400 { border-left-color: var(--color-brand-400); } .bg-amber-500\/10 { background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent); } } .bg-blue-400 { background-color: var(--color-blue-400); } .bg-blue-500 { background-color: var(--color-blue-500); } .bg-blue-500\/10 { background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent); } } .bg-brand-300 { background-color: var(--color-brand-300); } .bg-brand-400 { background-color: var(--color-brand-400); } .bg-brand-400\/20 { background-color: color-mix(in srgb, #38bdf8 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-400) 20%, transparent); } } .bg-brand-500 { background-color: var(--color-brand-500); } .bg-brand-500\/5 { background-color: color-mix(in srgb, #0ea5e9 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-500) 5%, transparent); } } .bg-brand-500\/10 { background-color: color-mix(in srgb, #0ea5e9 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-500) 10%, transparent); } } .bg-brand-500\/20 { background-color: color-mix(in srgb, #0ea5e9 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-500) 20%, transparent); } } .bg-brand-950\/10 { background-color: color-mix(in srgb, #082f49 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-950) 10%, transparent); } } .bg-cyan-500\/10 { background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent); } } .bg-dark-bg { background-color: var(--color-dark-bg); } .bg-dark-bg\/50 { background-color: color-mix(in srgb, #090a0f 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-dark-bg) 50%, transparent); } } .bg-dark-bg\/60 { background-color: color-mix(in srgb, #090a0f 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-dark-bg) 60%, transparent); } } .bg-dark-bg\/80 { background-color: color-mix(in srgb, #090a0f 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-dark-bg) 80%, transparent); } } .bg-dark-bg\/90 { background-color: color-mix(in srgb, #090a0f 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-dark-bg) 90%, transparent); } } .bg-dark-card\/80 { background-color: color-mix(in srgb, #161926 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-dark-card) 80%, transparent); } } .bg-dark-card\/90 { background-color: color-mix(in srgb, #161926 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-dark-card) 90%, transparent); } } .bg-dark-surface { background-color: var(--color-dark-surface); } .bg-dark-surface\/95 { background-color: color-mix(in srgb, #11131c 95%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-dark-surface) 95%, transparent); } } .bg-emerald-400 { background-color: var(--color-emerald-400); } .bg-emerald-500\/10 { background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent); } } .bg-purple-500\/10 { background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent); } } .bg-red-500\/5 { background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-500) 5%, transparent); } } .bg-red-500\/10 { background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent); } } .bg-red-950\/10 { background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-950) 10%, transparent); } } .bg-slate-500\/10 { background-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-500) 10%, transparent); } } .bg-slate-800 { background-color: var(--color-slate-800); } .bg-white\/5 { background-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .bg-white\/\[0\.04\] { background-color: color-mix(in srgb, #fff 4%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 4%, transparent); } } .bg-gradient-to-b { --tw-gradient-position: to bottom in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-r { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-tr { --tw-gradient-position: to top right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .from-brand-500 { --tw-gradient-from: var(--color-brand-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-brand-500\/20 { --tw-gradient-from: color-mix(in srgb, #0ea5e9 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-brand-500) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-brand-950\/20 { --tw-gradient-from: color-mix(in srgb, #082f49 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-brand-950) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-emerald-950\/10 { --tw-gradient-from: color-mix(in srgb, oklch(26.2% 0.051 172.552) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-emerald-950) 10%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-slate-800 { --tw-gradient-from: var(--color-slate-800); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-blue-400 { --tw-gradient-to: var(--color-blue-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-blue-500\/20 { --tw-gradient-to: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-blue-500) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-blue-600 { --tw-gradient-to: var(--color-blue-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-dark-card { --tw-gradient-to: var(--color-dark-card); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .object-cover { object-fit: cover; } .p-2 { padding: calc(var(--spacing) * 2); } .p-3 { padding: calc(var(--spacing) * 3); } .p-4 { padding: calc(var(--spacing) * 4); } .p-5 { padding: calc(var(--spacing) * 5); } .p-6 { padding: calc(var(--spacing) * 6); } .p-7 { padding: calc(var(--spacing) * 7); } .p-8 { padding: calc(var(--spacing) * 8); } .p-10 { padding: calc(var(--spacing) * 10); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-5 { padding-inline: calc(var(--spacing) * 5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-7 { padding-inline: calc(var(--spacing) * 7); } .px-8 { padding-inline: calc(var(--spacing) * 8); } .py-0\.5 { padding-block: calc(var(--spacing) * 0.5); } .py-1 { padding-block: calc(var(--spacing) * 1); } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-3\.5 { padding-block: calc(var(--spacing) * 3.5); } .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-14 { padding-block: calc(var(--spacing) * 14); } .py-20 { padding-block: calc(var(--spacing) * 20); } .py-24 { padding-block: calc(var(--spacing) * 24); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-5 { padding-top: calc(var(--spacing) * 5); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pt-28 { padding-top: calc(var(--spacing) * 28); } .pt-32 { padding-top: calc(var(--spacing) * 32); } .pb-1 { padding-bottom: calc(var(--spacing) * 1); } .pb-3 { padding-bottom: calc(var(--spacing) * 3); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-20 { padding-bottom: calc(var(--spacing) * 20); } .pl-6 { padding-left: calc(var(--spacing) * 6); } .text-center { text-align: center; } .text-left { text-align: left; } .font-display { font-family: var(--font-display); } .font-mono { font-family: var(--font-mono); } .font-sans { font-family: var(--font-sans); } .font-serif { font-family: var(--font-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-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--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-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .text-\[10px\] { font-size: 10px; } .text-\[11px\] { font-size: 11px; } .leading-\[1\.1\] { --tw-leading: 1.1; line-height: 1.1; } .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-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-\[0\.18em\] { --tw-tracking: 0.18em; letter-spacing: 0.18em; } .tracking-\[0\.25em\] { --tw-tracking: 0.25em; letter-spacing: 0.25em; } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); } .tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); } .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); } .whitespace-nowrap { white-space: nowrap; } .text-amber-400 { color: var(--color-amber-400); } .text-blue-400 { color: var(--color-blue-400); } .text-brand-200 { color: var(--color-brand-200); } .text-brand-300 { color: var(--color-brand-300); } .text-brand-400 { color: var(--color-brand-400); } .text-cyan-400 { color: var(--color-cyan-400); } .text-emerald-300 { color: var(--color-emerald-300); } .text-emerald-400 { color: var(--color-emerald-400); } .text-purple-400 { color: var(--color-purple-400); } .text-red-300 { color: var(--color-red-300); } .text-red-400 { color: var(--color-red-400); } .text-slate-200 { color: var(--color-slate-200); } .text-slate-300 { color: var(--color-slate-300); } .text-slate-400 { color: var(--color-slate-400); } .text-slate-500 { color: var(--color-slate-500); } .text-slate-600 { color: var(--color-slate-600); } .text-slate-700 { color: var(--color-slate-700); } .text-slate-950 { color: var(--color-slate-950); } .text-white { color: var(--color-white); } .uppercase { text-transform: uppercase; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .accent-sky-400 { accent-color: var(--color-sky-400); } .opacity-20 { opacity: 20%; } .opacity-75 { opacity: 75%; } .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-brand-500\/20 { --tw-shadow-color: color-mix(in srgb, #0ea5e9 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-brand-500) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-brand-500\/30 { --tw-shadow-color: color-mix(in srgb, #0ea5e9 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-brand-500) 30%, transparent) var(--tw-shadow-alpha), transparent); } } .blur-\[120px\] { --tw-blur: blur(120px); 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-md { --tw-backdrop-blur: blur(var(--blur-md)); -webkit-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-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(var(--blur-xl)); -webkit-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-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-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, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; 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-300 { --tw-duration: 300ms; transition-duration: 300ms; } .duration-700 { --tw-duration: 700ms; transition-duration: 700ms; } .group-hover\:translate-x-0\.5 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-translate-x: calc(var(--spacing) * 0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\:scale-105 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .group-hover\:animate-pulse { &:is(:where(.group):hover *) { @media (hover: hover) { animation: var(--animate-pulse); } } } .group-hover\:text-brand-400 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-brand-400); } } } .selection\:bg-brand-500 { & *::selection { background-color: var(--color-brand-500); } &::selection { background-color: var(--color-brand-500); } } .selection\:text-white { & *::selection { color: var(--color-white); } &::selection { color: var(--color-white); } } .hover\:-translate-y-0\.5 { &:hover { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * -0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .hover\:scale-110 { &:hover { @media (hover: hover) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .hover\:border-brand-400 { &:hover { @media (hover: hover) { border-color: var(--color-brand-400); } } } .hover\:border-brand-400\/40 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #38bdf8 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-brand-400) 40%, transparent); } } } } .hover\:border-brand-400\/50 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #38bdf8 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-brand-400) 50%, transparent); } } } } .hover\:bg-brand-400 { &:hover { @media (hover: hover) { background-color: var(--color-brand-400); } } } .hover\:bg-white\/10 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } .hover\:bg-white\/\[0\.08\] { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 8%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 8%, transparent); } } } } .hover\:text-brand-300 { &:hover { @media (hover: hover) { color: var(--color-brand-300); } } } .hover\:text-brand-400 { &:hover { @media (hover: hover) { color: var(--color-brand-400); } } } .hover\:text-emerald-300 { &:hover { @media (hover: hover) { color: var(--color-emerald-300); } } } .hover\:text-white { &:hover { @media (hover: hover) { color: var(--color-white); } } } .hover\:shadow-brand-500\/30 { &:hover { @media (hover: hover) { --tw-shadow-color: color-mix(in srgb, #0ea5e9 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-brand-500) 30%, transparent) var(--tw-shadow-alpha), transparent); } } } } .focus\:border-brand-400 { &:focus { border-color: var(--color-brand-400); } } .focus\:outline-none { &:focus { --tw-outline-style: none; outline-style: none; } } .sm\:mx-0 { @media (width >= 40rem) { margin-inline: calc(var(--spacing) * 0); } } .sm\:flex { @media (width >= 40rem) { display: flex; } } .sm\:w-auto { @media (width >= 40rem) { width: auto; } } .sm\:grid-cols-2 { @media (width >= 40rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .sm\:grid-cols-3 { @media (width >= 40rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .sm\:grid-cols-4 { @media (width >= 40rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .sm\:flex-row { @media (width >= 40rem) { flex-direction: row; } } .sm\:items-end { @media (width >= 40rem) { align-items: flex-end; } } .sm\:justify-between { @media (width >= 40rem) { justify-content: space-between; } } .sm\:p-6 { @media (width >= 40rem) { padding: calc(var(--spacing) * 6); } } .sm\:p-8 { @media (width >= 40rem) { padding: calc(var(--spacing) * 8); } } .sm\:p-10 { @media (width >= 40rem) { padding: calc(var(--spacing) * 10); } } .sm\:p-12 { @media (width >= 40rem) { padding: calc(var(--spacing) * 12); } } .sm\:text-3xl { @media (width >= 40rem) { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } .sm\:text-4xl { @media (width >= 40rem) { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } .sm\:text-5xl { @media (width >= 40rem) { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } } .sm\:text-6xl { @media (width >= 40rem) { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } } .sm\:text-base { @media (width >= 40rem) { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } .sm\:text-lg { @media (width >= 40rem) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .sm\:text-sm { @media (width >= 40rem) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .md\:col-span-2 { @media (width >= 48rem) { grid-column: span 2 / span 2; } } .md\:block { @media (width >= 48rem) { display: block; } } .md\:grid-cols-2 { @media (width >= 48rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .md\:grid-cols-3 { @media (width >= 48rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .md\:grid-cols-4 { @media (width >= 48rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .md\:px-8 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 8); } } .lg\:col-span-5 { @media (width >= 64rem) { grid-column: span 5 / span 5; } } .lg\:col-span-7 { @media (width >= 64rem) { grid-column: span 7 / span 7; } } .lg\:block { @media (width >= 64rem) { display: block; } } .lg\:flex { @media (width >= 64rem) { display: flex; } } .lg\:hidden { @media (width >= 64rem) { display: none; } } .lg\:grid-cols-2 { @media (width >= 64rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .lg\:grid-cols-3 { @media (width >= 64rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .lg\:grid-cols-6 { @media (width >= 64rem) { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .lg\:grid-cols-12 { @media (width >= 64rem) { grid-template-columns: repeat(12, minmax(0, 1fr)); } } .lg\:gap-8 { @media (width >= 64rem) { gap: calc(var(--spacing) * 8); } } .lg\:text-6xl { @media (width >= 64rem) { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } } } @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-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-blur { syntax: "*"; inherits: false; } @property --tw-brightness { syntax: "*"; inherits: false; } @property --tw-contrast { syntax: "*"; inherits: false; } @property --tw-grayscale { syntax: "*"; inherits: false; } @property --tw-hue-rotate { syntax: "*"; inherits: false; } @property --tw-invert { syntax: "*"; inherits: false; } @property --tw-opacity { syntax: "*"; inherits: false; } @property --tw-saturate { syntax: "*"; inherits: false; } @property --tw-sepia { syntax: "*"; inherits: false; } @property --tw-drop-shadow { syntax: "*"; inherits: false; } @property --tw-drop-shadow-color { syntax: "*"; inherits: false; } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false; } @property --tw-backdrop-blur { syntax: "*"; inherits: false; } @property --tw-backdrop-brightness { syntax: "*"; inherits: false; } @property --tw-backdrop-contrast { syntax: "*"; inherits: false; } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false; } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; } @property --tw-backdrop-invert { syntax: "*"; inherits: false; } @property --tw-backdrop-opacity { syntax: "*"; inherits: false; } @property --tw-backdrop-saturate { syntax: "*"; inherits: false; } @property --tw-backdrop-sepia { syntax: "*"; inherits: false; } @property --tw-duration { syntax: "*"; inherits: false; } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: 0.5; } } @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-space-y-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; } } } /* v4: no blocking loader; first paint is always available even when scripts/CDNs fail. */ #loader{display:none!important} /* ================================================================ EXTRACTED INLINE STYLES Moved from the original HTML files without changing declarations. ================================================================ */ /* --- Originally inline in index.html --- */ /* Custom Scrollbar */ ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: #090a0f; } ::-webkit-scrollbar-thumb { background: #1f2438; border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: #38bdf8; } /* Subtle Grid Patterns */ .bg-grid-pattern { background-size: 40px 40px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px); } .bg-radial-gradient { background: radial-gradient(circle at 50% 0%, rgba(56, 189, 248, 0.12) 0%, rgba(9, 10, 15, 0) 70%); } /* Card Surface Glass Glow */ .glass-panel { background: rgba(17, 19, 28, 0.75); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.08); transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease, box-shadow 0.3s ease; } .glass-panel:hover { border-color: rgba(56, 189, 248, 0.28); box-shadow: 0 12px 35px -10px rgba(56, 189, 248, 0.12); } /* Reveal Transitions */ .aurle-reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.65s cubic-bezier(0.16, 1, 0.3, 1), transform 0.65s cubic-bezier(0.16, 1, 0.3, 1); will-change: opacity, transform; } .aurle-reveal.aurle-visible { opacity: 1; transform: translateY(0); } /* Hamburger Animation */ .aurle-hamburger-bars { width: 24px; height: 18px; display: flex; flex-direction: column; justify-content: space-between; align-items: stretch; } .aurle-hamburger-bars span { display: block; height: 2px; width: 100%; border-radius: 99px; background: currentColor; transform-origin: center; transition: transform 0.28s ease, opacity 0.2s ease; } #mobile-menu-btn.is-open .aurle-hamburger-bars span:nth-child(1) { transform: translateY(8px) rotate(45deg); } #mobile-menu-btn.is-open .aurle-hamburger-bars span:nth-child(2) { opacity: 0; } #mobile-menu-btn.is-open .aurle-hamburger-bars span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); } /* Mobile Drawer Transition */ #mobile-menu { transform-origin: top; transition: opacity 0.28s ease, transform 0.28s cubic-bezier(0.16, 1, 0.3, 1); } #mobile-menu.is-open { display: block !important; opacity: 1; transform: translateY(0); pointer-events: auto; } #mobile-menu:not(.is-open) { opacity: 0; transform: translateY(-8px); pointer-events: none; } .aurle-click-lift { will-change: transform; transition: transform 0.15s ease, box-shadow 0.2s ease; } .aurle-click-lift:active { transform: translateY(2px) scale(0.985) !important; } /* Core System Capabilities Slider */ .aurle-testimonials { position: relative; overflow: hidden; } .aurle-testimonials:before { content: ""; position: absolute; inset: -30%; background: radial-gradient(circle at 50% 50%, rgba(14, 165, 233, 0.08), transparent 50%); pointer-events: none; } .aurle-testimonial-stage { position: relative; max-width: 760px; width: 100%; min-height: 290px; margin: 0 auto; } @media (max-width: 640px) { .aurle-testimonial-stage { min-height: 330px; } } .aurle-testimonial-card { position: absolute; inset: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transform: scale(0.94); transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.16, 1, 0.3, 1); } .aurle-testimonial-card.active { opacity: 1; pointer-events: auto; transform: scale(1); z-index: 10; } .aurle-testimonial-inner { width: 100%; background: rgba(255, 255, 255, 0.035); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0 25px 80px rgba(0, 0, 0, 0.35); } .aurle-quote-mark { background: linear-gradient(135deg, #38bdf8, #0ea5e9); -webkit-background-clip: text; background-clip: text; color: transparent; } .aurle-underline { width: 80px; height: 3px; border-radius: 99px; background: linear-gradient(90deg, #38bdf8, #0ea5e9); margin: 14px auto 0; box-shadow: 0 0 16px rgba(56, 189, 248, 0.4); } .aurle-dots { display: flex; justify-content: center; gap: 8px; margin-top: 24px; } .aurle-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(255, 255, 255, 0.2); transition: all 0.35s ease; cursor: pointer; border: 0; padding: 0; } .aurle-dot.active { width: 28px; border-radius: 99px; background: linear-gradient(90deg, #38bdf8, #0ea5e9); box-shadow: 0 0 12px rgba(56, 189, 248, 0.4); } /* Mobile Content Visibility Safety */ @media (max-width: 767px) { .aurle-reveal { opacity: 1 !important; transform: none !important; } html, body { max-width: 100%; overflow-x: hidden; } } @media (prefers-reduced-motion: reduce) { .aurle-reveal, .glass-panel, #mobile-menu, .aurle-testimonial-card, .aurle-dot { transition: none !important; animation: none !important; transform: none !important; opacity: 1 !important; } } /* --- Originally inline in about.html --- */ /* Custom Custom Scrollbar & Utility Styles */ ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: #090a0f; } ::-webkit-scrollbar-thumb { background: #1f2438; border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: #38bdf8; } /* Subtle Subtle Grid Patterns */ .bg-grid-pattern { background-size: 40px 40px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px); } .bg-radial-gradient { background: radial-gradient(circle at 50% 0%, rgba(56, 189, 248, 0.12) 0%, rgba(9, 10, 15, 0) 70%); } /* Card Surface Glass Glow */ .glass-panel { background: rgba(17, 19, 28, 0.7); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.07); } .glass-panel:hover { border-color: rgba(56, 189, 248, 0.25); box-shadow: 0 10px 30px -10px rgba(56, 189, 248, 0.1); } .reveal-on-scroll { opacity: 0; transform: translateY(20px); transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); } .reveal-on-scroll.is-visible { opacity: 1; transform: translateY(0); } /* --- Originally inline in about.html --- */ @media (prefers-reduced-motion: no-preference) { .reveal-on-scroll { opacity: 0; transform: translate3d(0,24px,0); transition: opacity .7s cubic-bezier(.16,1,.3,1), transform .7s cubic-bezier(.16,1,.3,1); } .reveal-on-scroll.is-visible { opacity:1; transform:none; } .glass-panel { transform-style: preserve-3d; transition: transform .38s cubic-bezier(.16,1,.3,1), border-color .3s ease, box-shadow .3s ease; will-change: transform; } .glass-panel:hover { border-color: rgba(56,189,248,.22); box-shadow: 0 16px 45px rgba(0,0,0,.20); } .glass-panel.wc-tilt { transform: perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--lift,0px)); } #booking-success > div:first-child { animation: aurleSuccessPop .45s cubic-bezier(.16,1,.3,1) both; } #booking-success h3,#booking-success p,#booking-success button { animation: aurleSuccessFade .55s cubic-bezier(.16,1,.3,1) both; } #booking-success h3 { animation-delay:.05s; } #booking-success p { animation-delay:.10s; } #booking-success button { animation-delay:.15s; } @keyframes aurleSuccessPop { from { opacity:0; transform:scale(.82); } to { opacity:1; transform:scale(1); } } @keyframes aurleSuccessFade { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:none; } } } /* --- Originally inline in about.html --- */ @keyframes aurleSideReveal{from{opacity:0;transform:translateX(-34px)}to{opacity:1;transform:translateX(0)}} @keyframes aurleRotateReveal{from{opacity:0;transform:perspective(900px) rotateY(-10deg) translateY(18px)}to{opacity:1;transform:perspective(900px) rotateY(0) translateY(0)}} @keyframes aurleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}} .aurle-premium-reveal{animation:aurleSideReveal .9s cubic-bezier(.16,1,.3,1) both} .aurle-premium-rotate{animation:aurleRotateReveal 1s cubic-bezier(.16,1,.3,1) both} @media(prefers-reduced-motion:reduce){.aurle-premium-reveal,.aurle-premium-rotate{animation:none!important}} /* --- Originally inline in about.html --- */ .aurle-reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.7s cubic-bezier(.22,1,.36,1), transform 0.7s cubic-bezier(.22,1,.36,1); will-change: opacity, transform; } .aurle-reveal.aurle-visible { opacity: 1; transform: translateY(0); } .aurle-reveal-delay-1 { transition-delay: 80ms; } .aurle-reveal-delay-2 { transition-delay: 160ms; } .aurle-reveal-delay-3 { transition-delay: 240ms; } .aurle-reveal-delay-4 { transition-delay: 320ms; } .aurle-fade { opacity: 0; transition: opacity 0.8s ease; } .aurle-fade.aurle-visible { opacity: 1; } @media (prefers-reduced-motion: reduce) { .aurle-reveal, .aurle-fade { opacity: 1 !important; transform: none !important; transition: none !important; } } /* --- Originally inline in about.html --- */ .aurle-testimonials{position:relative;overflow:hidden} .aurle-testimonials:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 50% 50%,rgba(108,43,217,.10),transparent 42%);pointer-events:none} .aurle-testimonial-stage{position:relative;max-width:820px;height:420px;margin:0 auto;perspective:1200px;overflow:hidden} .aurle-testimonial-track{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:100%;transition:transform 900ms cubic-bezier(.16,1,.3,1)} .aurle-testimonial-card{position:absolute;left:50%;top:50%;width:min(720px,88vw);transform:translate(-50%,-50%) scale(.82);opacity:0;pointer-events:none;transition:transform 900ms cubic-bezier(.16,1,.3,1),opacity 700ms ease,filter 700ms ease;filter:blur(2px)} .aurle-testimonial-card.active{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0);pointer-events:auto;z-index:3} .aurle-testimonial-inner{background:rgba(255,255,255,.035);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.07);box-shadow:0 25px 80px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04);cursor:pointer} .aurle-testimonial-inner:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(120deg,rgba(108,43,217,.35),transparent 45%,rgba(30,144,255,.28));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.65} .aurle-quote-mark{background:linear-gradient(135deg,#6C2BD9,#1E90FF);-webkit-background-clip:text;background-clip:text;color:transparent} .aurle-underline{width:92px;height:3px;border-radius:99px;background:linear-gradient(90deg,#6C2BD9,#1E90FF);margin:14px auto 0;box-shadow:0 0 22px rgba(30,144,255,.3)} .aurle-dots{display:flex;justify-content:center;gap:8px;margin-top:20px} .aurle-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.18);transition:all .45s ease;cursor:pointer;border:0;padding:0} .aurle-dot.active{width:26px;border-radius:99px;background:linear-gradient(90deg,#6C2BD9,#1E90FF);box-shadow:0 0 14px rgba(108,43,217,.45)} @media(max-width:640px){.aurle-testimonial-stage{height:470px}.aurle-testimonial-card{width:calc(100vw - 32px)}.aurle-testimonial-inner{padding:24px!important}} @media(prefers-reduced-motion:reduce){.aurle-testimonial-card,.aurle-testimonial-track,.aurle-dot{transition:none!important}} /* --- Originally inline in about.html --- */ .aurle-back-btn{display:inline-flex;align-items:center;gap:.55rem;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);color:#cbd5e1;border-radius:.85rem;padding:.7rem 1rem;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;transition:transform .28s cubic-bezier(.16,1,.3,1),border-color .28s ease,background .28s ease,color .28s ease;} .aurle-back-btn:hover{transform:translateX(-4px);border-color:rgba(56,189,248,.35);background:rgba(56,189,248,.06);color:#fff} .aurle-success-page{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:7rem 1rem 5rem} .aurle-success-card{width:min(760px,100%);position:relative;overflow:hidden} .aurle-success-card:before{content:"";position:absolute;inset:-40% -10% auto;height:280px;background:radial-gradient(circle,rgba(56,189,248,.14),transparent 68%);pointer-events:none} .aurle-success-check{width:74px;height:74px;border-radius:999px;display:grid;place-items:center;background:rgba(16,185,129,.10);border:1px solid rgba(16,185,129,.28);color:#34d399;box-shadow:0 0 50px rgba(16,185,129,.10);animation:aurleCheckPop .55s cubic-bezier(.16,1,.3,1) both} @keyframes aurleCheckPop{from{opacity:0;transform:scale(.6) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(0)}} .aurle-click-lift{transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s ease,border-color .28s ease} .aurle-click-lift:active{transform:translateY(2px) scale(.985)} .aurle-section-rule{height:1px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.35),transparent)} .aurle-mobile-menu{transform-origin:top;opacity:0;transform:translateY(-10px) scaleY(.96);pointer-events:none;transition:opacity .28s ease,transform .28s cubic-bezier(.16,1,.3,1)} .aurle-mobile-menu.is-open{opacity:1;transform:none;pointer-events:auto} .aurle-hamburger{position:relative;width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);display:grid;place-items:center;transition:border-color .25s ease,background .25s ease} .aurle-hamburger:hover{border-color:rgba(56,189,248,.35);background:rgba(56,189,248,.05)} .aurle-hamburger-bars{width:20px;height:16px;position:relative} .aurle-hamburger-bars span{position:absolute;left:0;width:20px;height:2px;border-radius:99px;background:#cbd5e1;transition:transform .3s cubic-bezier(.16,1,.3,1),top .3s cubic-bezier(.16,1,.3,1),opacity .2s ease,background .25s ease} .aurle-hamburger-bars span:nth-child(1){top:1px}.aurle-hamburger-bars span:nth-child(2){top:7px}.aurle-hamburger-bars span:nth-child(3){top:13px} .aurle-hamburger.is-open .aurle-hamburger-bars span{background:#38bdf8}.aurle-hamburger.is-open .aurle-hamburger-bars span:nth-child(1){top:7px;transform:rotate(45deg)}.aurle-hamburger.is-open .aurle-hamburger-bars span:nth-child(2){opacity:0;transform:scaleX(.2)}.aurle-hamburger.is-open .aurle-hamburger-bars span:nth-child(3){top:7px;transform:rotate(-45deg)} .aurle-mobile-link{display:flex;align-items:center;justify-content:space-between;padding:.85rem .9rem;border:1px solid transparent;border-radius:.8rem;color:#cbd5e1;transition:all .22s ease} .aurle-mobile-link:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.07);color:#fff;transform:translateX(3px)} .aurle-page-hero{position:relative} .aurle-page-hero .aurle-back-wrap{margin-bottom:1.25rem} @media(prefers-reduced-motion:reduce){.aurle-click-lift,.aurle-mobile-menu,.aurle-hamburger-bars span,.aurle-mobile-link{transition:none!important}.aurle-success-check{animation:none!important}}