@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-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-ease: initial; }
}
}
@layer theme {
:root, :host { --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --spacing: .25rem; --ease-in-out: cubic-bezier(.4, 0, .2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); }
}
@layer base {
*, ::after, ::before, ::backdrop { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
::file-selector-button { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
html, :host { text-size-adjust: 100%; tab-size: 4; line-height: 1.5; 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; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
b, strong { font-weight: bolder; }
small { font-size: 80%; }
ol, ul, menu { list-style: none; }
img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; }
::file-selector-button { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
:where(select:is([multiple], [size])) optgroup { font-weight: bolder; }
:where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; }
::file-selector-button { margin-inline-end: 4px; }
::placeholder { opacity: 1; }
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
::placeholder { color: currentcolor; }
@supports (color:color-mix(in lab, red, red)) {
::placeholder { color: color-mix(currentcolor, transparent); }
}
}
::-webkit-search-decoration { 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: 0px; }
::-webkit-datetime-edit { padding-block: 0px; }
::-webkit-datetime-edit-year-field { padding-block: 0px; }
::-webkit-datetime-edit-month-field { padding-block: 0px; }
::-webkit-datetime-edit-day-field { padding-block: 0px; }
::-webkit-datetime-edit-hour-field { padding-block: 0px; }
::-webkit-datetime-edit-minute-field { padding-block: 0px; }
::-webkit-datetime-edit-second-field { padding-block: 0px; }
::-webkit-datetime-edit-millisecond-field { padding-block: 0px; }
::-webkit-datetime-edit-meridiem-field { padding-block: 0px; }
::-webkit-calendar-picker-indicator { line-height: 1; }
button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; }
::file-selector-button { appearance: button; }
::-webkit-inner-spin-button { height: auto; }
::-webkit-outer-spin-button { height: auto; }
[hidden]:where(:not([hidden="until-found"])) { display: none !important; }
}
@layer components;
:root { --lightningcss-light: ; --lightningcss-dark: initial; color-scheme: dark; background: rgb(7, 16, 31); }
* { box-sizing: border-box; }
html, body { background: rgb(7, 16, 31); width: 100%; min-height: 100%; margin: 0px; overflow-x: hidden; }
body { color: rgb(245, 234, 210); font-family: Arial, Helvetica, sans-serif; }
.service-site { --accent: #c99b4a; --accent-soft: #c99b4a24; background: radial-gradient(circle at 85% 8%, var(--accent-soft), transparent 32rem), linear-gradient(180deg, #081326 0%, #050b15 100%); min-height: 100vh; overflow: hidden; }
.service-investor { --accent: #92fe38; --accent-soft: #92fe3817; }
.service-software { --accent: #f5b016; --accent-soft: #f5b0161a; }
.service-nav, .service-hero, .service-section, .service-final, .service-footer { width: min(1180px, 100% - 48px); margin-inline: auto; }
.service-nav { border-bottom: 1px solid rgba(229, 193, 122, 0.16); justify-content: space-between; align-items: center; gap: 24px; min-height: 88px; display: flex; }
.service-brand { color: inherit; align-items: center; gap: 14px; text-decoration: none; display: flex; }
.service-monogram { color: rgb(229, 193, 122); letter-spacing: 0.08em; border: 1px solid rgba(229, 193, 122, 0.48); border-radius: 50%; place-items: center; width: 42px; height: 42px; font: 600 12px / 1 Arial; display: grid; }
.service-brand > span:last-child strong { font: 500 17px / 1.15 Georgia, serif; display: block; }
.service-brand > span:last-child small { color: rgb(174, 184, 199); letter-spacing: 0.18em; text-transform: uppercase; margin-top: 5px; font-size: 9px; display: block; }
.service-nav-links { align-items: center; gap: 26px; display: flex; }
.service-nav-links a { color: rgb(189, 198, 210); letter-spacing: 0.08em; text-transform: uppercase; font-size: 12px; text-decoration: none; }
.service-nav-links a:last-child { color: var(--accent); }
.service-hero { padding: 112px 0px 84px; }
.service-eyebrow { color: var(--accent); letter-spacing: 0.24em; text-transform: uppercase; font-size: 11px; font-weight: 700; }
.service-hero h1 { color: rgb(244, 231, 205); letter-spacing: -0.045em; max-width: 920px; margin: 24px 0px 28px; font: 400 clamp(48px, 7vw, 92px) / 0.98 Georgia, serif; }
.service-hero h1 em { color: var(--accent); font-weight: 400; }
.service-hero-copy > p:not(.service-assurance) { color: rgb(184, 193, 206); max-width: 720px; font-size: clamp(18px, 2vw, 22px); line-height: 1.7; }
.service-assurance { color: rgb(127, 139, 157); letter-spacing: 0.08em; margin-top: 18px; font-size: 11px; }
.service-actions { flex-wrap: wrap; gap: 14px; margin-top: 38px; display: flex; }
.service-primary, .service-secondary { letter-spacing: 0.11em; text-transform: uppercase; border-radius: 2px; justify-content: center; align-items: center; min-height: 54px; padding: 0px 24px; font-size: 12px; font-weight: 700; text-decoration: none; display: inline-flex; }
.service-primary { background: var(--accent); color: rgb(7, 16, 31); }
.service-secondary { color: rgb(244, 231, 205); border: 1px solid rgba(229, 193, 122, 0.32); }
.service-primary:hover, .service-secondary:hover { transition: 0.2s; transform: translateY(-2px); }
.service-metrics { border-block: 1px solid rgba(229, 193, 122, 0.16); grid-template-columns: repeat(3, 1fr); display: grid; }
.service-metric { border-right: 1px solid rgba(229, 193, 122, 0.16); padding: 32px 5vw; }
.service-metric:first-child { padding-left: max(24px, -590px + 50vw); }
.service-metric:last-child { border-right: 0px; }
.service-metric strong { color: rgb(244, 231, 205); font: 400 clamp(28px, 4vw, 48px) / 1 Georgia, serif; display: block; }
.service-metric span { color: rgb(144, 154, 169); letter-spacing: 0.17em; text-transform: uppercase; margin-top: 8px; font-size: 10px; display: block; }
.service-section { padding: 110px 0px; }
.service-section + .service-section { border-top: 1px solid rgba(229, 193, 122, 0.12); }
.service-section-head { grid-template-columns: 0.7fr 1.3fr; gap: 48px; margin-bottom: 50px; display: grid; }
.service-section-head span { color: var(--accent); letter-spacing: 0.2em; text-transform: uppercase; font-size: 10px; }
.service-section-head h2 { color: rgb(244, 231, 205); max-width: 720px; margin: 0px; font: 400 clamp(34px, 5vw, 58px) / 1.08 Georgia, serif; }
.service-grid { background: rgba(229, 193, 122, 0.16); border: 1px solid rgba(229, 193, 122, 0.16); grid-template-columns: repeat(3, 1fr); gap: 1px; display: grid; }
.service-card { background: rgb(9, 20, 38); padding: 36px 32px; }
.service-card h3 { color: rgb(241, 223, 189); margin: 0px 0px 14px; font: 400 23px / 1.25 Georgia, serif; }
.service-card p { color: rgb(157, 168, 183); margin: 0px; font-size: 15px; line-height: 1.7; }
.service-process ol { grid-template-columns: repeat(4, 1fr); gap: 28px; margin: 0px; padding: 0px; list-style: none; display: grid; }
.service-process li { border-top: 1px solid rgba(229, 193, 122, 0.25); padding-top: 22px; }
.service-process li > span { color: var(--accent); letter-spacing: 0.18em; font: 700 10px / 1 Arial; }
.service-process li h3 { color: rgb(241, 223, 189); margin: 20px 0px 10px; font: 400 21px / 1.2 Georgia, serif; }
.service-process li p { color: rgb(157, 168, 183); margin: 0px; font-size: 14px; line-height: 1.65; }
.service-outcomes .service-card b { color: var(--accent); letter-spacing: 0.18em; margin-bottom: 20px; font-size: 10px; display: block; }
.service-final { text-align: center; background: linear-gradient(135deg, #c99b4a17, var(--accent-soft)); border: 1px solid rgba(229, 193, 122, 0.25); margin-bottom: 100px; padding: 72px; }
.service-final h2 { color: rgb(244, 231, 205); max-width: 760px; margin: 0px auto 18px; font: 400 clamp(34px, 5vw, 58px) / 1.08 Georgia, serif; }
.service-final p { color: rgb(174, 184, 199); max-width: 600px; margin: 0px auto; line-height: 1.7; }
.service-final .service-primary { margin-top: 32px; }
.service-footer { color: rgb(118, 130, 148); letter-spacing: 0.08em; text-transform: uppercase; border-top: 1px solid rgba(229, 193, 122, 0.14); justify-content: space-between; gap: 24px; padding: 34px 0px 48px; font-size: 11px; display: flex; }
.service-footer a { color: rgb(200, 173, 118); text-decoration: none; }
.service-footer-right { align-items: center; gap: 24px; display: flex; }
.service-socials { align-items: center; gap: 9px; display: flex; }
.service-socials a, .service-socials .social-placeholder { border: 1px solid rgba(229, 193, 122, 0.24); border-radius: 50%; place-items: center; width: 36px; height: 36px; display: grid; }
.service-socials a:hover { color: rgb(7, 16, 31); background: rgb(200, 173, 118); border-color: rgb(200, 173, 118); }
.service-socials svg { fill: none; stroke: currentcolor; stroke-width: 1.6px; width: 17px; height: 17px; }
.service-socials .social-dot { fill: currentcolor; stroke: none; }
@media (width <= 760px) {
.service-nav, .service-hero, .service-section, .service-final, .service-footer { width: min(100% - 32px, 1180px); }
.service-nav { min-height: 76px; }
.service-brand > span:last-child small, .service-nav-links a:not(:last-child) { display: none; }
.service-hero { padding: 76px 0px 60px; }
.service-actions, .service-primary, .service-secondary { width: 100%; }
.service-metrics { grid-template-columns: 1fr; }
.service-metric, .service-metric:first-child { border-bottom: 1px solid rgba(229, 193, 122, 0.16); border-right: 0px; padding: 24px 16px; }
.service-metric:last-child { border-bottom: 0px; }
.service-section { padding: 76px 0px; }
.service-section-head, .service-grid, .service-process ol { grid-template-columns: 1fr; }
.service-section-head { gap: 20px; }
.service-final { padding: 52px 22px; }
.service-footer, .service-footer-right { flex-direction: column; align-items: flex-start; line-height: 1.6; }
}
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-ease { syntax: "*"; inherits: false; }