:root {
  --bg: #0b0d0c;
  --panel: #121614;
  --panel-soft: #171c19;
  --line: rgba(215, 187, 106, .2);
  --line-soft: rgba(242, 234, 213, .13);
  --gold: #d6b65e;
  --gold-light: #f0d995;
  --gold-deep: #8d702d;
  --ink: #f5f1e8;
  --muted: #a9aaa0;
  --faint: #757b73;
  --display: 'Playfair Display', Georgia, serif;
  --body: 'DM Sans', system-ui, sans-serif;
  --mono: 'DM Mono', monospace;
  --ease: cubic-bezier(.22, .61, .36, 1);
  --radius: 18px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { margin: 0; min-width: 320px; background: var(--bg); color: var(--ink); font-family: var(--body); line-height: 1.6; -webkit-font-smoothing: antialiased; }
a { color: inherit; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.ambient { position: fixed; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(55rem 40rem at 75% 12%, rgba(146, 116, 41, .18), transparent 64%), radial-gradient(48rem 44rem at 12% 75%, rgba(39, 72, 57, .15), transparent 70%), var(--bg); }
.ambient::after { content: ''; position: absolute; inset: 0; opacity: .035; mix-blend-mode: overlay; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E"); }
.site-shell { width: min(1160px, calc(100% - 64px)); margin: 0 auto; }

.topbar { min-height: 92px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line-soft); }
.brand-lockup { display: inline-flex; align-items: center; gap: 11px; text-decoration: none; }
.brand-mark { width: 38px; height: 38px; overflow: visible; }
.brand-mark .p-outer { fill: var(--gold-deep); }.brand-mark .p-mid { fill: var(--gold); }.brand-mark .p-core { fill: var(--gold-light); }
.brand-lockup strong { display: block; font: 600 1.25rem/1 var(--display); letter-spacing: -.02em; }.brand-lockup small { display: block; margin-top: 4px; color: var(--gold-light); font: 500 .56rem/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.status { color: var(--muted); font: 500 .7rem var(--mono); letter-spacing: .06em; text-transform: uppercase; }.status i { display: inline-block; width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; background: #7dc28f; box-shadow: 0 0 0 4px rgba(125, 194, 143, .11); }

.hero { min-height: 620px; display: grid; grid-template-columns: 1.08fr .92fr; gap: clamp(50px, 9vw, 140px); align-items: center; padding: 92px 0 106px; }
.eyebrow { margin: 0 0 19px; color: var(--gold-light); font: 500 .68rem var(--mono); letter-spacing: .18em; text-transform: uppercase; }.hero-title, h2, h3, p { margin-top: 0; }.hero-title { max-width: 680px; margin-bottom: 24px; font: 600 clamp(3.5rem, 7.4vw, 6.6rem)/.96 var(--display); letter-spacing: -.055em; }.hero-title em, h2 em { color: var(--gold-light); font-style: normal; }.hero-lede { max-width: 520px; margin-bottom: 35px; color: var(--muted); font-size: clamp(1.02rem, 1.3vw, 1.18rem); line-height: 1.7; }
.hero-actions { display: flex; align-items: center; gap: 25px; flex-wrap: wrap; }.button { display: inline-flex; align-items: center; justify-content: center; gap: 19px; min-height: 54px; padding: 0 23px; border-radius: 999px; font-size: .86rem; font-weight: 700; text-decoration: none; transition: transform .25s var(--ease), box-shadow .25s var(--ease), background .25s var(--ease); }.button:hover { transform: translateY(-3px); }.button-primary { color: #15140f; background: var(--gold-light); box-shadow: 0 10px 25px rgba(214, 182, 94, .15); }.button-primary:hover { background: #f6e8bd; box-shadow: 0 13px 30px rgba(214, 182, 94, .25); }.arrow { font-size: 1.1rem; line-height: 1; }.text-link { color: var(--muted); font-size: .81rem; text-underline-offset: 5px; text-decoration-color: var(--line); }.text-link:hover { color: var(--ink); }

.decision-card { position: relative; min-height: 390px; padding: 27px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.018) 47%, rgba(190, 150, 54, .08)); box-shadow: 0 22px 80px rgba(0,0,0,.24); }.card-top, .card-footer { position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: center; }.mono { color: var(--gold-light); font: 500 .64rem var(--mono); letter-spacing: .13em; }.card-dot { width: 8px; height: 8px; border: 1px solid var(--gold); border-radius: 50%; }.lotus-seal { position: absolute; top: 75px; right: 8%; width: 210px; opacity: .38; filter: drop-shadow(0 0 20px rgba(214, 182, 94, .3)); }.lotus-seal svg { width: 100%; }.lotus-seal path { fill: none; stroke: var(--gold-light); stroke-width: 1.1; }.card-kicker { position: relative; z-index: 1; margin: 204px 0 12px; color: var(--gold-light); font: 500 .65rem var(--mono); letter-spacing: .08em; text-transform: uppercase; }.card-title { position: relative; z-index: 1; max-width: 280px; margin-bottom: 40px; font: 500 clamp(1.55rem, 2.6vw, 2.2rem)/1.08 var(--display); letter-spacing: -.03em; }.card-footer { padding-top: 15px; border-top: 1px solid var(--line); color: var(--muted); font: .62rem var(--mono); letter-spacing: .1em; text-transform: uppercase; }.card-orbit { position: absolute; border: 1px solid rgba(214, 182, 94, .14); border-radius: 50%; transform: rotate(-28deg); }.orbit-one { width: 360px; height: 170px; right: -55px; top: 100px; }.orbit-two { width: 410px; height: 210px; right: -70px; top: 80px; transform: rotate(22deg); }

.solution-section { padding: 13px 0 102px; }.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 38px; }.section-heading .eyebrow { margin-bottom: 5px; }.section-heading h2 { max-width: 480px; margin-bottom: 0; font: 500 clamp(2rem, 3.5vw, 3.2rem)/1.08 var(--display); letter-spacing: -.04em; }.solution-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line-soft); }.solution { min-height: 275px; padding: 25px 28px 24px 0; border-right: 1px solid var(--line-soft); }.solution + .solution { padding-left: 28px; }.solution:last-child { border-right: 0; }.solution-number { color: var(--gold); font: .65rem var(--mono); letter-spacing: .1em; }.solution h3 { max-width: 220px; margin: 42px 0 12px; font: 500 1.45rem/1.15 var(--display); }.solution p { max-width: 260px; margin-bottom: 21px; color: var(--muted); font-size: .88rem; line-height: 1.6; }.solution a { color: var(--gold-light); font: 500 .72rem var(--mono); letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }.solution a span { margin-left: 8px; font-size: 1rem; }.solution a:hover { color: #fff; }

.contact-strip { display: flex; align-items: center; justify-content: space-between; gap: 35px; padding: 54px 58px; border-radius: var(--radius); background: linear-gradient(105deg, #b99a4d, #ead59a 58%, #c4a65b); color: #1c1a13; }.contact-strip .eyebrow { margin-bottom: 14px; color: rgba(28, 26, 19, .65); }.contact-strip h2 { margin-bottom: 0; font: 500 clamp(2rem, 4vw, 3.35rem)/1.02 var(--display); letter-spacing: -.04em; }.contact-strip h2 em { color: #fff9e9; }.button-light { color: var(--ink); background: #161913; white-space: nowrap; }.button-light:hover { background: #272b20; box-shadow: 0 10px 25px rgba(30, 27, 15, .2); }
.footer { display: flex; align-items: center; justify-content: space-between; padding: 42px 0 48px; color: var(--muted); font-size: .75rem; }.footer p { margin: 0; }.footer strong, .footer a { color: var(--gold-light); font-weight: 500; }.footer a { text-decoration: none; }.footer-legal { color: var(--faint); }.reveal { opacity: 0; transform: translateY(18px); animation: rise .75s var(--ease) forwards; animation-delay: var(--d, 0ms); }@keyframes rise { to { opacity: 1; transform: none; } }
:where(a):focus-visible { outline: 2px solid var(--gold-light); outline-offset: 5px; border-radius: 4px; }

@media (max-width: 760px) { .site-shell { width: min(100% - 40px, 600px); }.topbar { min-height: 78px; }.status { display: none; }.hero { display: block; min-height: 0; padding: 72px 0 84px; }.hero-title { font-size: clamp(3.45rem, 15vw, 5.8rem); }.decision-card { min-height: 350px; margin-top: 58px; }.card-kicker { margin-top: 172px; }.solution-section { padding-bottom: 74px; }.section-heading { display: block; }.section-heading h2 { margin-top: 25px; }.solution-grid { display: block; }.solution, .solution + .solution { min-height: 0; padding: 28px 0; border-right: 0; border-bottom: 1px solid var(--line-soft); }.solution h3 { margin-top: 20px; }.solution:last-child { border-bottom: 0; }.contact-strip { display: block; padding: 38px 27px; }.contact-strip .button { margin-top: 28px; }.footer { display: grid; gap: 12px; padding-bottom: 35px; }.footer-legal { order: 3; } }
@media (max-width: 430px) { .site-shell { width: min(100% - 32px, 600px); }.hero { padding-top: 55px; }.hero-actions { display: block; }.button-primary { width: 100%; }.text-link { display: inline-block; margin-top: 21px; }.decision-card { padding: 22px; }.lotus-seal { right: -2%; }.contact-strip h2 { font-size: 2.2rem; }.button-light { width: 100%; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }.reveal { animation: none; opacity: 1; transform: none; } *, *::before, *::after { transition-duration: .01ms !important; } }
@media (prefers-contrast: more) { :root { --muted: #d2d0c7; --faint: #b8b6ae; --line-soft: rgba(242, 234, 213, .3); } }