/* =====================================================================
   Pines Property — ULTRA graphics layer (loads after pro.css)
   Hero depth · perspective floor · orbs · light-sweep buttons · animated
   gradient borders · premium cards · plot-map glow · cursor ring · footer
   Safe to delete: the site falls back to pro.css / style.css.
   ===================================================================== */
:root {
  --u-ring: conic-gradient(from var(--u-ang, 0deg), #6366f1, #22d3ee, #fbbf24, #fb7185, #8b5cf6, #6366f1);
  --u-ease: cubic-bezier(.16, 1, .3, 1);
}
@property --u-ang { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
@keyframes uSpin { to { --u-ang: 360deg; } }
@keyframes uFloat { 0%,100% { translate: 0 0; } 50% { translate: 0 -22px; } }
@keyframes uPulse { 0%,100% { opacity: .55; } 50% { opacity: 1; } }
@keyframes uKen { from { scale: 1; } to { scale: 1.07; } }
@keyframes uSweep { from { transform: translateX(-130%) skewX(-18deg); } to { transform: translateX(260%) skewX(-18deg); } }
@keyframes uIn { from { opacity: 0; } to { opacity: 1; } }

/* ---------- page entrance + numerals ---------- */
body { animation: uIn .7s ease both; font-feature-settings: 'ss01', 'cv11'; }
.stat .big, .why-num, .sc-num, .lm-counts b { font-variant-numeric: tabular-nums lining-nums; }

/* ---------- HERO: layout fix + depth ---------- */
@media (min-width: 1100px) {
  .hero-slider .slide-content > * { max-width: min(600px, 50vw); }
  .hero-slider .slide-content .slide-actions { max-width: none; }
  .hero-slider .slide-title { font-size: clamp(2.6rem, 4.6vw, 4.4rem); line-height: 1.04; }
}
.hero-slider .slide.active .slide-bg { scale: 1; animation: uKen 14s ease-out forwards; will-change: scale; }
.hero-slider .slide-bg { transform-origin: 60% 50%; }
.hero-3d-model { filter: drop-shadow(0 26px 34px rgba(34, 211, 238, .18)) !important; }
.hero-3d-card::after {          /* soft colored floor glow instead of a dark blob */
  content: ''; position: absolute; left: 12%; right: 12%; bottom: -34px; height: 46px; z-index: -1;
  background: radial-gradient(ellipse at center, rgba(99, 102, 241, .55), rgba(34, 211, 238, .22) 45%, transparent 72%);
  filter: blur(14px);
}
.hero-3d-card { border: 1px solid transparent !important;
  background:
    linear-gradient(155deg, rgba(14, 23, 62, .86), rgba(7, 10, 26, .82)) padding-box,
    var(--u-ring) border-box !important;
  animation: hero3DFloat 7s ease-in-out infinite, uSpin 14s linear infinite;
}
.hero-slider::before {          /* floating aurora orbs */
  content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background:
    radial-gradient(360px 360px at 82% 24%, rgba(99, 102, 241, .30), transparent 70%),
    radial-gradient(300px 300px at 68% 78%, rgba(34, 211, 238, .18), transparent 70%),
    radial-gradient(260px 260px at 12% 85%, rgba(251, 191, 36, .14), transparent 70%);
  mix-blend-mode: screen; animation: uFloat 11s ease-in-out infinite;
}
.hero-slider::after {           /* perspective grid floor */
  content: ''; position: absolute; left: -10%; right: -10%; bottom: 0; height: 34%; z-index: 1; pointer-events: none;
  background-image:
    linear-gradient(rgba(147, 197, 253, .20) 1px, transparent 1px),
    linear-gradient(90deg, rgba(147, 197, 253, .20) 1px, transparent 1px);
  background-size: 56px 56px; transform: perspective(380px) rotateX(62deg); transform-origin: 50% 100%;
  -webkit-mask-image: linear-gradient(to top, #000 0%, transparent 85%); mask-image: linear-gradient(to top, #000 0%, transparent 85%);
  opacity: .55;
}
.slide-content, .hero-3d-stage, .slider-dots, .slider-btn, .slider-counter { position: relative; z-index: 3; }
.hero-3d-stage { position: absolute; z-index: 4; }
.slider-btn, .slider-counter, .slider-dots { position: absolute; }
.slider-progress-bar { background: linear-gradient(90deg, #22d3ee, #6366f1, #fbbf24) !important; box-shadow: 0 0 14px rgba(34, 211, 238, .7); }

/* ---------- Buttons: light sweep ---------- */
.btn { position: relative; overflow: hidden; isolation: isolate; }
.btn::after {
  content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 38%; z-index: -1; pointer-events: none;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .42), transparent); transform: translateX(-130%) skewX(-18deg);
}
.btn:hover::after { animation: uSweep .9s var(--u-ease); }
.btn:active { transform: translateY(1px) scale(.985) !important; }

/* ---------- Cards: premium depth, animated gradient edge on hover ---------- */
.spot, .why-card, .am-card, .stat, .lm-panel, .lm-main {
  --u-edge: rgba(255, 255, 255, .10);
}
.why-card, .am-card, .spot { transition: transform .5s var(--u-ease), box-shadow .5s var(--u-ease), border-color .4s; }
.why-card:hover, .am-card:hover, .spot:hover {
  transform: translateY(-6px);
  box-shadow: 0 40px 80px -30px rgba(0, 0, 0, .85), 0 0 0 1px rgba(167, 139, 250, .38), 0 0 70px -22px rgba(99, 102, 241, .65) !important;
}
.why-num {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, .6), rgba(255, 255, 255, .08)) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important; color: transparent !important;
}
.am-card img, .proj-img img, .career-img img { transition: transform 1.1s var(--u-ease), filter .6s; }
.am-card:hover img, .proj-img:hover img, .career-img:hover img { transform: scale(1.06); filter: saturate(1.15) contrast(1.04); }

/* ---------- Section headings: ornament ---------- */
.section-head { position: relative; }
.section-head::before {
  content: ''; display: block; width: 64px; height: 3px; margin: 0 auto 22px; border-radius: 3px;
  background: linear-gradient(90deg, transparent, #22d3ee, #6366f1, #fbbf24, transparent); box-shadow: 0 0 18px rgba(99, 102, 241, .8);
}
.section-head h2 { font-size: clamp(2rem, 3.6vw, 3.1rem); }

/* ---------- Stats: glowing top rail ---------- */
.stats-wrap { position: relative; }
.stats-wrap::before {
  content: ''; position: absolute; left: 8%; right: 8%; top: -1px; height: 2px; border-radius: 2px;
  background: linear-gradient(90deg, transparent, #22d3ee, #a78bfa, #fbbf24, transparent); filter: drop-shadow(0 0 8px rgba(167, 139, 250, .9));
}
.stat .big { text-shadow: 0 0 40px rgba(99, 102, 241, .4); }

/* ---------- Marquee ---------- */
.marquee-chip { background: linear-gradient(160deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .02)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12); transition: transform .35s var(--u-ease), border-color .3s; }
.marquee-chip:hover { transform: translateY(-3px); border-color: rgba(167, 139, 250, .5); }

/* ---------- Imperial City plot map ---------- */
.lm-main, .lm-panel {
  background: linear-gradient(160deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .02)) !important;
  border: 1px solid rgba(255, 255, 255, .13) !important; backdrop-filter: blur(16px);
  box-shadow: 0 40px 80px -40px #000, inset 0 1px 0 rgba(255, 255, 255, .14);
}
#lmPlots .plot { transition: filter .25s, opacity .25s; cursor: pointer; }
#lmPlots .plot:hover { filter: brightness(1.18) drop-shadow(0 0 5px rgba(255, 255, 255, .65)); }
#lmPlots .plot.sel rect:first-child { stroke: #fff; stroke-width: 1.6; filter: drop-shadow(0 0 7px #ffb547) drop-shadow(0 0 14px rgba(255, 181, 71, .8)); animation: uPulse 1.4s ease-in-out infinite; }
.lm-chip { transition: transform .3s var(--u-ease), box-shadow .3s, background .3s; }
.lm-chip:hover { transform: translateY(-2px); box-shadow: 0 10px 26px -10px var(--c, #6366f1); }
.lm-chip.on { box-shadow: 0 0 0 1px var(--c), 0 12px 30px -10px var(--c); }
.lm-tip { backdrop-filter: blur(14px); border: 1px solid rgba(255, 255, 255, .2); box-shadow: 0 16px 40px -12px #000; }

/* ---------- Forms ---------- */
input:not([type=range]):not([type=checkbox]), select, textarea { transition: border-color .3s, box-shadow .3s, background .3s; }
input:not([type=range]):focus, select:focus, textarea:focus {
  border-color: rgba(99, 102, 241, .85) !important; background: rgba(99, 102, 241, .07) !important;
  box-shadow: 0 0 0 4px rgba(99, 102, 241, .22), 0 12px 30px -14px rgba(34, 211, 238, .6) !important; outline: none;
}
input[type=range] { accent-color: #6366f1; }

/* ---------- Chat launcher glow ---------- */
.pp-chat-launcher { box-shadow: 0 0 0 0 rgba(99, 102, 241, .6), 0 16px 40px -10px rgba(37, 99, 235, .9) !important; animation: uRing 2.8s ease-out infinite; }
@keyframes uRing { 70% { box-shadow: 0 0 0 18px rgba(99, 102, 241, 0), 0 16px 40px -10px rgba(37, 99, 235, .9); } 100% { box-shadow: 0 0 0 0 rgba(99, 102, 241, 0), 0 16px 40px -10px rgba(37, 99, 235, .9); } }

/* ---------- Footer ---------- */
.footer { overflow: hidden; }
.footer::before {
  content: ''; position: absolute; left: 0; right: 0; top: -1px; height: 1px;
  background: linear-gradient(90deg, transparent, #22d3ee, #6366f1, #fbbf24, transparent); box-shadow: 0 0 24px 2px rgba(99, 102, 241, .5);
}
.footer::after {
  content: 'PINES'; position: absolute; left: 50%; bottom: -.22em; transform: translateX(-50%); z-index: 0; pointer-events: none; white-space: nowrap;
  font-family: var(--font-head); font-weight: 800; font-size: clamp(8rem, 24vw, 22rem); line-height: 1; letter-spacing: -.04em;
  color: transparent; -webkit-text-stroke: 1px rgba(147, 197, 253, .07);
}
.footer > .container { position: relative; z-index: 1; }

/* ---------- Custom cursor ring (JS adds .u-cursor on fine pointers) ---------- */
.u-cursor { position: fixed; left: 0; top: 0; width: 34px; height: 34px; margin: -17px 0 0 -17px; border-radius: 50%; z-index: 9999; pointer-events: none;
  border: 1.5px solid rgba(167, 139, 250, .75); box-shadow: 0 0 18px rgba(99, 102, 241, .45); opacity: 0; transition: width .25s var(--u-ease), height .25s var(--u-ease), margin .25s var(--u-ease), background .25s, opacity .3s; mix-blend-mode: screen; }
.u-cursor.on { opacity: 1; }
.u-cursor.hot { width: 58px; height: 58px; margin: -29px 0 0 -29px; background: rgba(99, 102, 241, .16); }

/* ---------- Reveal: soft blur-in (ends crisp) ---------- */
.js [data-reveal] { filter: blur(6px); transition: opacity .8s var(--u-ease) var(--d, 0s), transform .8s var(--u-ease) var(--d, 0s), filter .8s var(--u-ease) var(--d, 0s) !important; }
.js [data-reveal].in { filter: none; }

/* ---------- Mobile / reduced motion ---------- */
@media (max-width: 900px) {
  .hero-slider::after { height: 22%; opacity: .35; }
  .footer::after { font-size: 30vw; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001s !important; animation-iteration-count: 1 !important; transition-duration: .001s !important; }
  .js [data-reveal] { filter: none; }
}
@media print { .hero-slider::before, .hero-slider::after, .footer::after, .u-cursor { display: none !important; } }

/* =====================================================================
   DEVICE PORTABILITY — phones · tablets · laptops · TVs · notches · touch
   ===================================================================== */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
body { min-height: 100vh; min-height: 100dvh; }
img, video, svg { max-width: 100%; }
table { max-width: 100%; }
.table-wrap, .spec-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* ----- notches / rounded corners / home-indicator (needs viewport-fit=cover) ----- */
.header { padding-top: env(safe-area-inset-top); }
.header .container, .footer .container, .container { padding-left: max(24px, env(safe-area-inset-left)); padding-right: max(24px, env(safe-area-inset-right)); }
.wa-float, #ppChatRoot { right: max(16px, calc(env(safe-area-inset-right) + 10px)) !important; bottom: max(20px, calc(env(safe-area-inset-bottom) + 12px)) !important; }
.back-top { right: max(20px, calc(env(safe-area-inset-right) + 12px)); bottom: max(84px, calc(env(safe-area-inset-bottom) + 76px)); }
.footer { padding-bottom: env(safe-area-inset-bottom); }
.hero-slider { height: 100vh; height: 100svh; }

/* ----- touch devices: comfortable 44px targets, no hover-dependent UI ----- */
@media (pointer: coarse) {
  .btn, .nav-toggle, .slider-btn, .lm-chip, .quick-chip, .plot-tab, .faq-q, .amenity-filter button, #amenityFilter button, [data-calc-plot], [data-apply-role], .lm-zoom button, .pp-chat-close { min-height: 44px; }
  .nav-toggle { min-width: 44px; }
  .slider-btn { width: 44px; height: 44px; }
  .lm-chip { padding-top: 10px; padding-bottom: 10px; }
  .footer-links a, .footer-contact a, .nav-links a { display: inline-block; padding-top: 9px; padding-bottom: 9px; }
  .footer-links a { display: block; }
  .socials a { min-width: 44px; min-height: 44px; }
  .spot:hover, .why-card:hover, .am-card:hover { transform: none; }   /* no sticky hover lift after a tap */
  .u-cursor { display: none !important; }
}
@media (hover: none) { .btn::after { display: none; } .cursor-glow { display: none !important; } }

/* ----- inputs: 16px stops iOS Safari zooming the page on focus ----- */
@media (max-width: 900px) {
  input:not([type=range]):not([type=checkbox]):not([type=radio]), select, textarea { font-size: 16px !important; min-height: 46px; }
  textarea { min-height: 110px; }
}

/* ----- phones ----- */
@media (max-width: 600px) {
  .container { padding-left: max(18px, env(safe-area-inset-left)); padding-right: max(18px, env(safe-area-inset-right)); }
  .section-head h2 { font-size: clamp(1.7rem, 7.4vw, 2.2rem); }
  .section-head::before { margin-bottom: 16px; }
  .hero-slider::before { opacity: .6; animation: none; }
  .hero-slider::after { display: none; }                 /* perspective grid: skip on small GPUs */
  .hero-slider .slide-bg, .hero-slider .slide.active .slide-bg { animation: none; }
  .hero-3d-card { animation: hero3DFloat 7s ease-in-out infinite; }
  .btn-lg { width: 100%; justify-content: center; }
  .slide-actions { width: 100%; }
  .lm-toolbar { flex-wrap: wrap; gap: 10px; }
  .lm-search { flex: 1 1 100%; }
  .quick-chips { display: flex; flex-wrap: wrap; gap: 8px; }
  .pp-chat-panel { width: min(92vw, 380px); max-height: 70dvh; overflow-y: auto; }
  .footer::after { display: none; }
}
@media (max-width: 380px) {                              /* small / folded phones */
  body { font-size: 15px; }
  .nav { gap: 10px; }
  .logo-text { font-size: 1.05rem; }
  .stat .big { font-size: clamp(1.7rem, 9vw, 2.2rem); }
}

/* ----- tablets (portrait & landscape) ----- */
@media (min-width: 601px) and (max-width: 1099px) {
  .hero-slider .slide-content { padding-left: 40px; padding-right: 40px; }
  .hero-slider .slide-content > * { max-width: min(640px, 100%); }
  .hero-3d-stage { display: none; }                      /* avoid crowding text on iPad portrait */
  .hero-slider::after { height: 26%; }
}

/* ----- phones in landscape: keep hero usable ----- */
@media (max-height: 500px) and (orientation: landscape) {
  .hero-slider { min-height: 440px; height: auto; }
  .hero-slider .slide-title { font-size: clamp(1.6rem, 5vw, 2.4rem); }
  .hero-slider .slide-desc { display: none; }
  .hero-slider::after { display: none; }
  .header .nav { height: 60px; }
}

/* ----- large desktops, 4K and TVs: scale up instead of floating in the middle ----- */
@media (min-width: 1700px) {
  html { font-size: 17px; }
  .container { max-width: 1400px; }
}
@media (min-width: 2300px) {
  html { font-size: 20px; }
  .container { max-width: 1760px; }
}

/* ----- save data / low-power: drop the heaviest effects ----- */
@media (prefers-reduced-data: reduce) {
  .hero-slider::before, .hero-slider::after, html::after { display: none; }
  .hero-3d-canvas { display: none; }
}
@supports not (backdrop-filter: blur(1px)) and (not (-webkit-backdrop-filter: blur(1px))) {
  .header, .lm-main, .lm-panel, .stats-wrap { background: rgba(10, 14, 36, .96) !important; }
}
@media (pointer: coarse) {
  .lm-zoom button { min-width: 44px; }
  td .card-link, table .card-link { display: inline-flex; align-items: center; min-height: 44px; padding: 0 6px; }
  .logo, .card-link { min-height: 44px; }
}

/* ================================================================
   Attractive color polish + scroll effects (2026 refresh)
   ================================================================ */

/* Soft parallax driven by --parallax-y from ultra.js */
.section {
  transform: translateY(var(--parallax-y, 0px));
  transition: transform 0.15s linear;
  will-change: transform;
}
@media (prefers-reduced-motion: reduce) {
  .section { transform: none !important; }
}

/* Richer header glass when scrolled */
.header.scrolled {
  background: rgba(6, 10, 28, 0.82) !important;
  border-bottom-color: rgba(160, 190, 255, 0.18) !important;
  box-shadow: 0 12px 40px -16px rgba(0, 0, 0, 0.65), 0 0 0 1px rgba(120, 170, 255, 0.08);
}

/* Cards pop more on hover */
.info-card, .corridor-card, .service-card, .am-card, .record-card, .faq-item {
  transition: transform 0.4s var(--ease), box-shadow 0.4s var(--ease), border-color 0.35s ease;
}
.info-card:hover, .corridor-card:hover, .service-card:hover, .am-card:hover, .record-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 22px 50px -18px rgba(79, 125, 248, 0.35), 0 0 0 1px rgba(160, 190, 255, 0.2);
}

/* Stronger primary button glow */
.btn-primary {
  box-shadow: 0 14px 36px -10px rgba(79, 125, 248, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
.btn-primary:hover {
  box-shadow: 0 20px 48px -10px rgba(99, 102, 241, 1), inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}
.btn-gold {
  box-shadow: 0 14px 36px -10px rgba(255, 193, 77, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

/* Cursor ring refinement */
.u-cursor {
  width: 22px; height: 22px;
  border: 1.5px solid rgba(255, 193, 77, 0.7);
  border-radius: 50%;
  position: fixed; top: 0; left: 0;
  margin: -11px 0 0 -11px;
  pointer-events: none; z-index: 9999;
  opacity: 0; transition: opacity 0.25s, width 0.25s, height 0.25s, margin 0.25s, border-color 0.25s;
  mix-blend-mode: difference;
}
.u-cursor.on { opacity: 0.85; }
.u-cursor.hot {
  width: 42px; height: 42px;
  margin: -21px 0 0 -21px;
  border-color: rgba(165, 200, 255, 0.9);
  background: rgba(99, 102, 241, 0.12);
}

/* Section titles slightly more vibrant */
.section-head .eyebrow {
  color: var(--gold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.78rem;
}

/* Smooth FAQ open + nicer active state */
.faq-item.open {
  border-color: rgba(160, 190, 255, 0.28);
  background: rgba(255, 255, 255, 0.04);
}
.faq-item.open .faq-q {
  color: #fff;
}

/* Footer contact icons a bit brighter */
.footer-contact i {
  color: var(--gold);
  width: 1.15em;
}

/* WhatsApp float extra polish */
.wa-float {
  box-shadow: 0 10px 32px rgba(37, 211, 102, 0.55), 0 0 0 0 rgba(37, 211, 102, 0.4);
}


/* =====================================================================
   PINES PROPERTY — brand refinement (forest green / muted gold / ivory)
   Visual-only overrides; existing layouts and interactions are retained.
   ===================================================================== */
:root {
  --bg: #07140f; --bg-2: #0b1d15;
  --surface: rgba(246, 242, 230, .055); --surface-2: rgba(246, 242, 230, .095);
  --line: rgba(204, 178, 116, .18); --line-strong: rgba(204, 178, 116, .36);
  --text: #f4f1e8; --muted: #c2c8b9; --muted-2: #9da995;
  --brand: #276044; --teal: #39765a; --mint: #c8d8c7; --gold: #c7a96b; --gold-2: #e3d2a5; --blue: #6f9b7b;
  --grad: linear-gradient(125deg, #17452f 0%, #276044 52%, #3b7655 100%);
  --grad-gold: linear-gradient(125deg, #a88b52 0%, #d0b77d 55%, #e1d0a4 100%);
  --grad-text: linear-gradient(105deg, #d5e2d0 0%, #c7a96b 72%, #eadcb9 100%);
  --glow: 0 0 0 1px rgba(199, 169, 107, .2), 0 28px 64px -24px rgba(25, 83, 54, .55);
}
body::before { background-image: linear-gradient(rgba(199,169,107,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(199,169,107,.035) 1px, transparent 1px); }
body::after { background: radial-gradient(900px 520px at 88% -8%, rgba(39,96,68,.22), transparent 60%), radial-gradient(700px 520px at -8% 38%, rgba(28,75,49,.16), transparent 60%), radial-gradient(800px 500px at 70% 108%, rgba(199,169,107,.09), transparent 60%); }
.header, .header.scrolled { background: rgba(7, 20, 15, .91); }
.logo-img { box-shadow: 0 0 22px rgba(39,96,68,.48); }
.nav-links a.active, .nav-links a[aria-current="page"] { background: var(--grad) !important; box-shadow: 0 8px 22px -8px rgba(39,96,68,.75), inset 0 1px 0 rgba(255,255,255,.25) !important; }
.btn-primary { background: var(--grad) !important; box-shadow: 0 12px 30px -10px rgba(39,96,68,.7), inset 0 1px 0 rgba(255,255,255,.25) !important; }
.btn-gold { background: var(--grad-gold) !important; color: #1d2419 !important; }
.eyebrow { color: var(--gold-2); background: rgba(39,96,68,.16); border-color: rgba(199,169,107,.28); }
.scroll-progress, .slider-progress-bar { background: linear-gradient(90deg, #24563b, #4d805b, #c7a96b, #e1d0a4) !important; box-shadow: 0 0 14px rgba(199,169,107,.38) !important; }
.hero-fallback { background: radial-gradient(800px 480px at 78% 45%, rgba(39,96,68,.30), transparent 65%), radial-gradient(500px 360px at 8% 90%, rgba(199,169,107,.12), transparent 70%), linear-gradient(180deg, #0b1d15, #07140f); }
.hero-slider::before { background: radial-gradient(360px 360px at 82% 24%, rgba(39,96,68,.28), transparent 70%), radial-gradient(300px 300px at 68% 78%, rgba(83,130,91,.16), transparent 70%), radial-gradient(260px 260px at 12% 85%, rgba(199,169,107,.13), transparent 70%); }
.hero-slider::after { background-image: linear-gradient(rgba(199,169,107,.13) 1px, transparent 1px), linear-gradient(90deg, rgba(199,169,107,.13) 1px, transparent 1px); }
.hero-3d-card { background: linear-gradient(155deg, rgba(17,54,36,.9), rgba(7,20,15,.88)) padding-box, var(--u-ring) border-box !important; }
.hero-3d-card::after { background: radial-gradient(ellipse at center, rgba(39,96,68,.48), rgba(199,169,107,.16) 45%, transparent 72%); }
.why-card:hover, .am-card:hover, .spot:hover { box-shadow: 0 40px 80px -30px rgba(0,0,0,.78), 0 0 0 1px rgba(199,169,107,.32), 0 0 70px -22px rgba(39,96,68,.5) !important; }
.section-head::before { background: linear-gradient(90deg, transparent, #39765a, #c7a96b, transparent); box-shadow: 0 0 18px rgba(199,169,107,.4); }
#lmPlots .plot.sel rect:first-child { filter: drop-shadow(0 0 7px #c7a96b) drop-shadow(0 0 14px rgba(199,169,107,.55)); }
.lm-chip:hover { box-shadow: 0 10px 26px -10px #39765a; }
input:not([type=range]):focus, select:focus, textarea:focus { border-color: rgba(199,169,107,.82) !important; background: rgba(39,96,68,.09) !important; box-shadow: 0 0 0 4px rgba(39,96,68,.2), 0 12px 30px -14px rgba(199,169,107,.28) !important; }
.pp-chat-launcher, .back-top { background: linear-gradient(135deg, #24563b, #39765a) !important; box-shadow: 0 18px 40px -10px rgba(39,96,68,.65), 0 0 0 6px rgba(39,96,68,.14) !important; }