.elementor-54637 .elementor-element.elementor-element-02aa9f2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS *//* Last modified: 2026-05-16 | CORE Property Engine — Global CSS */

/* ══════════════════════════════════════════════════════════
   DESIGN TOKENS
   ══════════════════════════════════════════════════════════ */
:root {
  --light:    #FAF9F6;
  --navy:     #131a44;
  --navy-mid: #1c266a;
  --yellow:   #FFD700;
  --purple:   #8B5CF6;
  --red:      #bc3626;
  --fn-d:     'Bebas Neue', sans-serif;
  --fn-b:     'Inter', sans-serif;
}

/* ══════════════════════════════════════════════════════════
   SCROLLBAR
   ══════════════════════════════════════════════════════════ */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--navy); }
::-webkit-scrollbar-thumb { background: rgba(255,215,0,0.3); border-radius: 3px; }

/* ══════════════════════════════════════════════════════════
   BASE
   ══════════════════════════════════════════════════════════ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--fn-b);
  background: var(--navy);
  color: var(--light);
}

/* ══════════════════════════════════════════════════════════
   NAV
   ══════════════════════════════════════════════════════════ */
nav {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 56px;
  background: #131a44;
}
.nav-logo { display: flex; align-items: center; gap: 8px; }
.nav-logo-name { font-family: var(--fn-d); font-size: 28px; letter-spacing: 0.04em; color: var(--light); line-height: 1; }
.nav-logo-tag { font-size: 9px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--yellow); opacity: 0.8; }
.nav-meta { display: flex; align-items: center; gap: 32px; }
.nav-version { font-size: 10px; font-weight: 500; letter-spacing: 0.1em; color: rgba(250,249,246,0.3); text-transform: uppercase; }
.nav-pill { font-size: 9px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--navy); background: var(--yellow); padding: 6px 14px; border-radius: 999px; }

/* ══════════════════════════════════════════════════════════
   HERO
   ══════════════════════════════════════════════════════════ */
.hero {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 80px;
  padding: 140px 56px 60px;
  position: relative;
  background: var(--light);
}
.hero-left { display: flex; flex-direction: column; gap: 32px; position: relative; padding-bottom: 110px; animation: fadeUp 0.9s cubic-bezier(0.4,0,0.2,1) both; }
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(28px); }
  to   { opacity: 1; transform: translateY(0); }
}
.hero-eyebrow { display: flex; align-items: center; gap: 10px; font-size: 10px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--navy); }
.hero-eyebrow::before { content: ''; display: block; width: 24px; height: 1.5px; background: var(--navy); }
.hero-headline { font-family: var(--fn-d); font-size: clamp(52px, 6vw, 80px); line-height: 0.9; letter-spacing: 0.02em; color: #2d2d2d; }
.hero-headline span { color: var(--red); }
.hero-subline { font-size: 15px; font-weight: 300; line-height: 1.85; color: #2d2d2d; max-width: 460px; }
.hero-subline strong { color: #2d2d2d; font-weight: 500; }
.hero-stats { display: flex; gap: 0; align-items: flex-start; flex-wrap: nowrap; position: absolute; bottom: 0; left: 0; right: 0; padding-top: 28px; border-top: 1px solid rgba(45,45,45,0.15); justify-content: flex-start; }
.stat { display: flex; flex-direction: column; gap: 3px; width: 20%; flex-shrink: 0; align-items: flex-start; text-align: left; }
.stat-num { font-family: var(--fn-d); font-size: 26px; line-height: 1; letter-spacing: 0.02em; color: #2d2d2d; font-variant-numeric: tabular-nums; display: block; white-space: nowrap; min-width: 1ch; }
.stat-label { font-size: 8px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(45,45,45,0.45); }
.hero-right { display: flex; align-items: center; justify-content: flex-start; min-width: 0; overflow: visible; animation: fadeUp 0.9s 0.15s cubic-bezier(0.4,0,0.2,1) both; }
.hero-right a { cursor: pointer; }
.hero-label { display: flex; border-radius: 14px; overflow: hidden; border: 3px solid #2d2d2d; box-shadow: 0 2px 8px rgba(0,0,0,0.25), 0 20px 60px rgba(0,0,0,0.45), 0 0 0 1px rgba(255,215,0,0.08); width: 520px; height: 260px; flex-shrink: 0; user-select: none; cursor: pointer; transition: transform 0.3s ease, box-shadow 0.3s ease; transform-style: preserve-3d; will-change: transform; transform: perspective(800px) rotateX(6deg) rotateY(-8deg); }
.hero-label__l { width: 40%; background: #2d2d2d; display: flex; align-items: center; justify-content: center; padding: 24px 16px; }
.hero-label__l p { font-family: var(--fn-b); font-size: 13px; line-height: 1.75; color: var(--light); opacity: 0.75; text-align: center; }
.hero-label__r { flex: 1; background: var(--navy-mid); display: flex; flex-direction: column; justify-content: center; padding: 24px 26px; gap: 3px; border-left: 1px solid rgba(255,215,0,0.1); }
.hero-label__sub  { font-family: var(--fn-b); font-size: 9px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; color: var(--light); opacity: 0.35; }
.hero-label__name { font-family: var(--fn-d); font-size: 64px; line-height: 1; letter-spacing: 0.02em; color: var(--light); margin: 3px 0 2px; }
.hero-label__desc { font-family: var(--fn-d); font-size: 14px; letter-spacing: 0.06em; color: var(--light); opacity: 0.5; line-height: 1.2; }
.hero-label__by   { font-family: var(--fn-b); font-size: 8px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--yellow); margin-top: 12px; }

/* ══════════════════════════════════════════════════════════
   SECTION DIVIDER
   ══════════════════════════════════════════════════════════ */
.section-divider { width: 100%; height: 1px; background: linear-gradient(to right, transparent, rgba(250,249,246,0.08), transparent); }

/* ══════════════════════════════════════════════════════════
   DESCRIPTION SECTION
   ══════════════════════════════════════════════════════════ */
.desc-section { padding: 72px 56px; background: #F0EFE9; margin-bottom: 80px; }
.desc-label { font-size: 10px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--yellow); padding-top: 6px; }
.desc-body { display: flex; flex-direction: column; gap: 20px; }
.desc-body h2 { font-family: var(--fn-d); font-size: clamp(36px, 4vw, 52px); line-height: 1; letter-spacing: 0.02em; color: #2d2d2d; }
.desc-body p { font-size: 16px; font-weight: 300; line-height: 1.9; color: rgba(45,45,45,0.7); max-width: 640px; }
.desc-body p strong { color: #2d2d2d; font-weight: 500; }

/* ══════════════════════════════════════════════════════════
   FEATURES SECTION
   ══════════════════════════════════════════════════════════ */
.features-section { padding: 0 56px 80px; display: flex; flex-direction: column; gap: 0; }
.features-header { display: flex; align-items: center; gap: 16px; margin-bottom: 48px; }
.features-header h2 { font-family: var(--fn-d); font-size: 42px; letter-spacing: 0.02em; color: var(--light); }

/* ══════════════════════════════════════════════════════════
   FLIP FEATURE CARDS (FFC)
   ══════════════════════════════════════════════════════════ */
:root { --ffc-w: 275px; --ffc-h: 275px; --ffc-speed: 900ms; }
.ffc-grid { display: flex; flex-direction: column; gap: 10px; }
.ffc-row { display: flex; justify-content: center; gap: 10px; overflow: visible; }
.ffc { position: relative; width: var(--ffc-w); height: var(--ffc-h); perspective: 3000px; -webkit-perspective: 3000px; cursor: default; flex-shrink: 0; transition: width var(--ffc-speed) cubic-bezier(0.4,0,0.2,1); }
.ffc:hover, .ffc.open { width: calc(var(--ffc-w) * 2); }
.ffc__page { position: absolute; top: 0; right: 0; width: var(--ffc-w); height: 100%; border-radius: 3px; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 8px 20px rgba(0,0,0,0.2); }
.ffc__page-top { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 28px 20px 36px; clip-path: polygon(0 0, 100% 0, 100% 88%, 58% 88%, 50% 100%, 42% 88%, 0 88%); }
.ffc--yellow .ffc__page-top { background: linear-gradient(160deg, #FFD700, #e6c200); }
.ffc--purple .ffc__page-top { background: linear-gradient(160deg, #8B5CF6, #6d3fd4); }
.ffc--red    .ffc__page-top { background: linear-gradient(160deg, #bc3626, #961f12); }
.ffc__page-icon { font-size: 1.8rem; line-height: 1; }
.ffc__page-title { font-family: var(--fn-d); font-size: 18px; letter-spacing: 0.02em; text-align: center; line-height: 1.1; }
.ffc--yellow .ffc__page-title { color: var(--navy); }
.ffc--purple .ffc__page-title { color: #fff; }
.ffc--red    .ffc__page-title { color: #fff; }
.ffc__page-sub { font-size: 10px; font-weight: 300; text-align: center; line-height: 1.5; }
.ffc--yellow .ffc__page-sub { color: rgba(19,26,68,0.65); }
.ffc--purple .ffc__page-sub { color: rgba(255,255,255,0.65); }
.ffc--red    .ffc__page-sub { color: rgba(255,255,255,0.65); }
.ffc__page-bot { height: 48px; background: var(--light); display: flex; align-items: center; justify-content: center; }
.ffc__page-label { font-family: var(--fn-d); font-size: 16px; letter-spacing: 0.04em; font-style: italic; }
.ffc--yellow .ffc__page-label { color: var(--navy); }
.ffc--purple .ffc__page-label { color: var(--purple); }
.ffc--red    .ffc__page-label { color: var(--red); }
.ffc__cover-wrap { position: absolute; top: 0; right: 0; width: var(--ffc-w); height: 100%; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-origin: left center; transition: transform var(--ffc-speed) cubic-bezier(0.4,0,0.2,1); z-index: 10; }
.ffc:hover .ffc__cover-wrap, .ffc.open .ffc__cover-wrap { transform: rotateY(-180deg); }
.ffc__face { position: absolute; inset: 0; border-radius: 3px; overflow: hidden; backface-visibility: hidden; -webkit-backface-visibility: hidden; box-shadow: 0 8px 20px rgba(0,0,0,0.2); }
.ffc__face--front { transform: translateZ(1px); display: flex; flex-direction: column; padding: 28px 22px 22px; gap: 12px; background: #232d55; border: 1px solid rgba(250,249,246,0.1); }
.ffc__face--front::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; }
.ffc--c1 .ffc__face--front::before { background: #FFD700; }
.ffc--c1 .ffc__icon { background: rgba(255,215,0,0.12); color: #FFD700; }
.ffc--c2 .ffc__face--front::before { background: #8B5CF6; }
.ffc--c2 .ffc__icon { background: rgba(139,92,246,0.12); color: #8B5CF6; }
.ffc--c3 .ffc__face--front::before { background: #bc3626; }
.ffc--c3 .ffc__icon { background: rgba(188,54,38,0.12); color: #bc3626; }
.ffc--c4 .ffc__face--front::before { background: #06B6D4; }
.ffc--c4 .ffc__page-top { background: linear-gradient(160deg, #06B6D4, #0891b2); }



.ffc--c4 .ffc__icon { background: rgba(6,182,212,0.12); color: #06B6D4; }
.ffc--c5 .ffc__face--front::before { background: #10B981; }
.ffc--c5 .ffc__page-top { background: linear-gradient(160deg, #10B981, #059669); }



.ffc--c5 .ffc__icon { background: rgba(16,185,129,0.12); color: #10B981; }
.ffc--c6 .ffc__face--front::before { background: #F37022; }
.ffc--c6 .ffc__page-top { background: linear-gradient(160deg, #F37022, #d4601a); }



.ffc--c6 .ffc__icon { background: rgba(243,112,34,0.12); color: #F37022; }
.ffc__face--inside { transform: rotateY(180deg) translateZ(1px); background: rgba(15,20,52,0.85); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 24px; }



.ffc__icon { width: 44px; height: 44px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.ffc__icon svg { width: 22px; height: 22px; }
.ffc__tag { font-size: 8px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(250,249,246,0.3); }
.ffc__title { font-family: var(--fn-d); font-size: clamp(24px, 2.8vw, 36px); letter-spacing: 0.02em; color: var(--light); line-height: 1.0; word-break: break-word; overflow-wrap: break-word; }
.ffc__hint { margin-top: auto; font-size: 9px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(250,249,246,0.4); display: flex; align-items: center; gap: 6px; }
.ffc__hint svg { opacity: 0.7; }
.ffc__inside-tag { font-size: 8px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(250,249,246,0.4); }
.ffc__inside-title { font-family: var(--fn-d); font-size: 18px; letter-spacing: 0.02em; color: var(--light); line-height: 1.1; text-align: center; }
.ffc__inside-text { font-size: 11px; font-weight: 300; line-height: 1.7; color: rgba(250,249,246,0.6); text-align: center; }

/* ══════════════════════════════════════════════════════════
   PROPSTACK SECTION
   ══════════════════════════════════════════════════════════ */
.propstack-section { margin: 0 56px 80px; background: var(--light); border: 3px solid #FFD700; border-radius: 16px; padding: 56px 64px; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; position: relative; }
.propstack-left { display: flex; flex-direction: column; gap: 20px; }
.propstack-eyebrow { font-size: 9px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--red); }
.propstack-left h2 { font-family: var(--fn-d); font-size: 48px; letter-spacing: 0.02em; line-height: 0.95; color: var(--navy); }
.propstack-left p { font-size: 13px; font-weight: 300; line-height: 1.85; color: rgba(19,26,68,0.6); }
.propstack-left p strong { color: rgba(19,26,68,0.9); font-weight: 500; }
.propstack-right { display: flex; flex-direction: column; gap: 16px; }
.propstack-item { display: flex; align-items: flex-start; gap: 14px; padding: 16px 0; border-bottom: 1px solid rgba(19,26,68,0.08); }
.propstack-item:last-child { border-bottom: none; }
.propstack-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--yellow); flex-shrink: 0; margin-top: 5px; }
.propstack-item-text { font-size: 13px; font-weight: 300; line-height: 1.7; color: rgba(19,26,68,0.6); }
.propstack-item-text strong { display: block; font-size: 13px; font-weight: 500; color: var(--navy); margin-bottom: 3px; }

/* ══════════════════════════════════════════════════════════
   CONTACT CTA & PILL
   ══════════════════════════════════════════════════════════ */
.core-contact-pill { display: inline-flex; align-items: stretch; border-radius: 100px; overflow: hidden; border: 3px solid #FFD700; cursor: pointer; text-decoration: none; }
.ccp-left { background: #FFD700; display: flex; align-items: center; justify-content: center; padding: 14px 24px; flex-shrink: 0; margin-right: -1px; }
.ccp-name { font-family: 'Bebas Neue', sans-serif; font-size: 30px; line-height: 1; letter-spacing: 0.03em; color: #131a44; }
.ccp-right { background: #131a44; display: flex; align-items: center; gap: 10px; padding: 0; max-width: 0; overflow: hidden; transition: max-width 0.5s cubic-bezier(0.4,0,0.2,1), padding 0.5s cubic-bezier(0.4,0,0.2,1); white-space: nowrap; }
.core-contact-pill:hover .ccp-right { max-width: 180px; padding: 14px 24px 14px 16px; }
.ccp-label { font-family: 'Bebas Neue', sans-serif; font-size: 24px; letter-spacing: 0.06em; color: #FAF9F6; line-height: 1; }
.ccp-arrow { font-family: 'Inter', sans-serif; font-size: 16px; color: #FFD700; transition: transform 0.3s ease; }
.core-contact-pill:hover .ccp-arrow { transform: translateX(4px); }

/* ══════════════════════════════════════════════════════════
   FOOTER
   ══════════════════════════════════════════════════════════ */
footer { padding: 94px 56px 40px; display: flex; align-items: center; justify-content: space-between; }
.footer-left { display: flex; flex-direction: column; gap: 6px; }
.footer-brand { display: flex; align-items: center; gap: 8px; }
.footer-name { font-family: var(--fn-d); font-size: 22px; letter-spacing: 0.04em; color: var(--light); opacity: 0.6; }
.footer-version { font-size: 9px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(250,249,246,0.25); }
.footer-copy { font-size: 10px; font-weight: 400; color: rgba(250,249,246,0.2); letter-spacing: 0.04em; }
.footer-right { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.footer-riptight { font-size: 10px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(250,249,246,0.25); }
.footer-palette { display: flex; gap: 4px; }
.fp { width: 8px; height: 8px; border-radius: 50%; }
.fp-flash { opacity: 0.15; }

/* ══════════════════════════════════════════════════════════
   REVEAL ANIMATIONS
   ══════════════════════════════════════════════════════════ */
.core-reveal { opacity: 0; transform: translateX(-32px); transition: opacity 0.7s cubic-bezier(0.4,0,0.2,1), transform 0.7s cubic-bezier(0.4,0,0.2,1); }
.core-reveal.is-visible { opacity: 1; transform: translateX(0); }
.ffc[data-ffc-delay] { opacity: 0; transition: opacity 0.7s cubic-bezier(0.4,0,0.2,1), width var(--ffc-speed) cubic-bezier(0.4,0,0.2,1); }
.ffc[data-ffc-delay].ffc-visible { opacity: 1; }

/* ══════════════════════════════════════════════════════════
   LINKING SECTION
   ══════════════════════════════════════════════════════════ */
.lk-section { background: #131a44; padding: 100px 56px; font-family: 'Inter', sans-serif; color: #FAF9F6; position: relative; overflow: hidden; display: grid; grid-template-columns: 1fr 1.4fr; gap: 60px; align-items: center; }
.lk-eyebrow { font-size: 9px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: #FFD700; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }
.lk-eyebrow::before { display: none; }
.lk-headline { margin-bottom: 12px; }
.lk-h-light { font-family: 'Inter', sans-serif; font-size: clamp(22px, 3vw, 30px); font-weight: 300; font-style: italic; color: rgba(250,249,246,0.6); line-height: 1.1; text-transform: uppercase; }
.lk-h-accent { font-family: 'Inter', sans-serif; font-size: clamp(24px, 3.2vw, 36px); font-weight: 800; font-style: italic; color: #FFD700; line-height: 1.1; text-transform: uppercase; }
.lk-sub { font-size: 13px; font-weight: 300; color: rgba(250,249,246,0.5); max-width: 360px; line-height: 1.7; margin-bottom: 0; }
.lk-diagram { display: flex; align-items: center; justify-content: center; position: relative; }
.lk-gradient { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 1200px; height: 600px; background: radial-gradient(ellipse at center, rgba(40,60,140,0.6) 0%, transparent 70%); pointer-events: none; }
.lk-project { display: flex; flex-direction: column; align-items: center; gap: 2px; flex-shrink: 0; }
.lk-project-icon { width: 130px; height: 130px; background: rgba(188,54,38,0.15); border: 1.5px solid rgba(188,54,38,0.4); border-radius: 16px; display: flex; align-items: center; justify-content: center; position: relative; margin-bottom: 8px; }
.lk-project-badge { font-size: 9px; font-weight: 700; letter-spacing: 0.1em; background: #bc3626; color: #FAF9F6; padding: 3px 8px; border-radius: 4px; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); white-space: nowrap; }
.lk-project-name { font-family: 'Bebas Neue', sans-serif; font-size: 20px; letter-spacing: 0.04em; color: #FAF9F6; text-align: center; line-height: 1; margin-bottom: 0; }
.lk-project-sub { font-size: 9px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(250,249,246,0.35); margin-top: -2px; text-align: center; line-height: 1; }
.lk-pipeline { flex: 1; position: relative; height: 340px; min-width: 240px; max-width: 380px; }
.lk-pipeline-svg { width: 100%; height: 100%; overflow: visible; }
.lk-pill { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: inline-flex; align-items: stretch; border-radius: 100px; overflow: hidden; border: 2px solid #10B981; z-index: 10; white-space: nowrap; }
.lk-pill-l { background: #10B981; display: flex; align-items: center; padding: 8px 12px; }
.lk-pill-l span { font-family: 'Bebas Neue', sans-serif; font-size: 18px; line-height: 1; letter-spacing: 0.03em; color: #FAF9F6; }
.lk-pill-r { background: #bc3626; display: flex; align-items: center; padding: 8px 12px; }
.lk-pill-r span { font-family: 'Bebas Neue', sans-serif; font-size: 12px; letter-spacing: 0.08em; color: rgba(250,249,246,0.7); line-height: 1; }
.lk-units { display: flex; flex-direction: column; gap: 8px; flex-shrink: 0; }
.lk-unit { display: flex; align-items: center; gap: 12px; background: rgba(250,249,246,0.04); border: 1px solid rgba(250,249,246,0.08); border-radius: 10px; padding: 12px 16px; width: 230px; transition: border-color 0.4s, background 0.4s; }
.lk-unit.active { border-color: rgba(255,215,0,0.5); background: rgba(255,215,0,0.07); }
.lk-unit-icon { width: 36px; height: 36px; background: rgba(28,38,106,0.8); border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; border: 1px solid rgba(255,215,0,0.15); }
.lk-unit-icon svg { width: 20px; height: 20px; stroke: rgba(250,249,246,0.4); transition: stroke 0.4s; }
.lk-unit.active .lk-unit-icon svg { stroke: #FFD700; }
.lk-unit-info { display: flex; flex-direction: column; gap: 2px; }
.lk-unit-name { font-size: 12px; font-weight: 500; color: #FAF9F6; }
.lk-unit-meta { font-size: 10px; color: rgba(250,249,246,0.35); letter-spacing: 0.04em; }
.lk-unit-status { font-size: 9px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #FFD700; opacity: 0; transition: opacity 0.4s; margin-top: 1px; }
.lk-unit.active .lk-unit-status { opacity: 1; }
.lk-mob { display: none; }

/* ══════════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
  nav { padding: 16px 28px; }
  nav .nav-logo div span:last-child { display: none; }
  .nav-pill { font-size: 8px; padding: 5px 10px; }
  .hero { display: flex; flex-direction: column; padding: 80px 28px 60px; gap: 24px; text-align: center; align-items: center; }
  .hero-eyebrow { justify-content: center; }
  .hero-eyebrow::before { display: none; }
  .hero-subline { margin: 0 auto; }
  .hero-stats { justify-content: center; flex-wrap: wrap; gap: 12px 20px; display: flex; }
  .stat { width: auto; min-width: 0; }
  .hero-right { justify-content: center; display: none; }
  .hero-label { width: 300px; height: 160px; }
  .hero-label__name { font-size: 40px; }
  .desc-section { grid-template-columns: 1fr; padding: 56px 28px; gap: 32px; }
  .features-section { padding: 0 28px 56px; }
  .ffc-row { flex-wrap: wrap; justify-content: center; }
  .propstack-section { margin: 0 28px 56px; grid-template-columns: 1fr; padding: 40px 32px; gap: 48px; }
  footer { flex-direction: column; gap: 24px; align-items: flex-start; padding: 40px 28px; }
  .footer-right { align-items: flex-start; }
}

@media (max-width: 700px) {
  .lk-section { padding: 48px 20px; display: flex; flex-direction: column; gap: 32px; }
  .lk-diagram { flex-direction: column; align-items: center; gap: 0; }
  .lk-pipeline { display: none; }
  .lk-units { width: 100%; }
  .lk-unit { width: 100%; }
  .lk-mob { display: flex; flex-direction: column; align-items: center; width: 100%; padding: 4px 0; }
}

@media (max-width: 600px) {
  :root { --ffc-w: 160px; --ffc-h: 160px; }
  .hero-label { width: 260px; height: 140px; }
  .hero-label__name { font-size: 32px; }
  .hero-label__desc { display: none; }
  .hero-stats { gap: 12px; }
  .stat-num { font-size: 24px; }
  .stat-label { font-size: 7px; }
  .propstack-section { margin: 0 16px 40px; padding: 28px 20px; }
  .features-section { padding: 0 16px 40px; }
  .desc-section { padding: 40px 16px; }
  nav { padding: 16px 20px; }
  .nav-logo-name { font-size: 22px; }
  .ffc-row { flex-direction: column; align-items: stretch; gap: 10px; }
  .ffc { width: 100% !important; height: auto; perspective: none; }
  .ffc:hover, .ffc.open { width: 100% !important; }
  .ffc__cover-wrap { display: none; }
  .ffc__page { position: static; width: 100%; height: auto; flex-direction: row; border-radius: 8px; overflow: hidden; }
  .ffc__page-top { flex: 1; clip-path: none; padding: 20px; flex-direction: row; align-items: center; gap: 14px; justify-content: flex-start; }
  .ffc__page-icon { font-size: 1.4rem; flex-shrink: 0; }
  .ffc__page-title { font-size: 16px; text-align: left; }
  .ffc__page-sub { font-size: 10px; text-align: left; }
  .ffc__page-bot { display: none; }
}/* End custom CSS */