:root {
  --bg: #09090b;
  --bg-2: #0d0d10;
  --bg-3: #111114;
  --surface: #121216;
  --surface-2: #17171c;
  --surface-3: #1d1d24;
  --border: rgba(255,255,255,0.07);
  --border-strong: rgba(255,255,255,0.13);
  --border-gold: rgba(223,177,108,0.28);
  --text: #ece9e3;
  --text-2: #95918b;
  --text-3: #5f5c58;
  --gold: #dfb16c;
  --gold-bright: #f4d9a8;
  --gold-deep: #a67e40;
  --gold-grad: linear-gradient(135deg, #f4d9a8 0%, #dfb16c 45%, #a67e40 100%);
  --green: #7fbfa1;
  --green-bg: rgba(127,191,161,0.08);
  --green-border: rgba(127,191,161,0.2);
  --amber: #d4a870;
  --amber-bg: rgba(212,168,112,0.09);
  --amber-border: rgba(212,168,112,0.2);
  --red: #e3a5a5;
  --red-bg: rgba(227,165,165,0.08);
  --red-border: rgba(227,165,165,0.2);
  --blue: #99b3ff;
  --blue-bg: rgba(153,179,255,0.08);
  --blue-border: rgba(153,179,255,0.2);
  --r-sm: 8px;
  --r: 12px;
  --r-lg: 18px;
  --r-xl: 26px;
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --focus-ring: 0 0 0 3px rgba(223,177,108,0.45);
}
[data-saas-palette]{
  --landing-reference-1:radial-gradient(ellipse 50% 40% at 50% 0%, rgba(223,177,108,0.05), transparent 60%),
    radial-gradient(ellipse 40% 40% at 100% 100%, rgba(153,179,255,0.03), transparent 60%);
  --landing-reference-2:rgba(223,177,108,0.3);
  --landing-reference-3:#fff;
  --landing-reference-4:rgba(255,255,255,0.08);
  --landing-reference-5:5px;
  --landing-reference-6:rgba(255,255,255,0.14);
  --landing-reference-7:6px;
  --landing-reference-8:8px;
  --landing-reference-9:#1a1205;
  --landing-reference-23:10px;
  --landing-reference-24:rgba(255,255,255,0.045);
  --landing-reference-25:rgba(9,9,11,0.96);
  --landing-reference-26:0 1px 0 rgba(255,255,255,0.35) inset, 0 6px 20px -6px rgba(223,177,108,0.5);
  --landing-reference-27:linear-gradient(100deg, transparent 30%, rgba(255,255,255,0.4) 50%, transparent 70%);
  --landing-reference-28:0 1px 0 rgba(255,255,255,0.45) inset, 0 12px 28px -6px rgba(223,177,108,0.6);
  --landing-reference-29:radial-gradient(ellipse 50% 50% at 50% 50%, rgba(223,177,108,0.11), transparent 60%);
  --landing-reference-30:radial-gradient(circle, rgba(153,179,255,0.05), transparent 70%);
  --landing-reference-31:linear-gradient(rgba(255,255,255,0.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.022) 1px, transparent 1px);
  --landing-reference-32:radial-gradient(ellipse 60% 55% at 50% 25%, black, transparent 75%);
  --landing-reference-33:100px;
  --landing-reference-34:rgba(223,177,108,0.06);
  --landing-reference-35:rgba(223,177,108,0.05);
  --landing-reference-36:linear-gradient(180deg, rgba(23,23,28,0.6), rgba(18,18,22,0.85));
  --landing-reference-37:radial-gradient(circle at 100% 0%, rgba(223,177,108,0.07), transparent 55%);
  --landing-reference-38:rgba(223,177,108,0.2);
  --landing-reference-39:0 30px 60px -20px rgba(0,0,0,0.6);
  --landing-reference-40:12px;
  --landing-reference-41:linear-gradient(145deg, rgba(223,177,108,0.12), rgba(223,177,108,0.03));
  --landing-reference-42:0 0 28px rgba(223,177,108,0.2);
  --landing-reference-43:radial-gradient(circle at 30% 20%, rgba(244,217,168,0.22), transparent 60%),
    linear-gradient(145deg, rgba(223,177,108,0.16), rgba(223,177,108,0.03));
  --landing-reference-44:0 0 0 1px rgba(223,177,108,0.08) inset, 0 6px 18px -8px rgba(223,177,108,0.45);
  --landing-reference-45:linear-gradient(90deg, transparent, rgba(223,177,108,0.25), transparent);
  --landing-reference-46:0 0 40px -10px rgba(223,177,108,0.18);
  --landing-reference-47:0 0 50px -5px rgba(223,177,108,0.35);
  --landing-reference-48:1px solid rgba(223,177,108,0.12);
  --landing-reference-49:linear-gradient(180deg, rgba(23,23,28,0.7), rgba(18,18,22,0.85));
  --landing-reference-50:linear-gradient(180deg, rgba(223,177,108,0.06), rgba(23,23,28,0.9));
  --landing-reference-51:0 0 60px -20px rgba(223,177,108,0.25);
  --landing-reference-52:linear-gradient(180deg, rgba(23,23,28,0.6), rgba(18,18,22,0.8));
  --landing-reference-53:2px;
  --landing-reference-54:radial-gradient(circle, rgba(223,177,108,0.08), transparent 55%);
  --landing-reference-55: 0 1px 0 rgba(255,255,255,0.4) inset,
    0 12px 32px -6px rgba(223,177,108,0.55),
    0 4px 12px -2px rgba(0,0,0,0.5);
  --landing-reference-56: 0 1px 0 rgba(255,255,255,0.5) inset,
    0 16px 40px -6px rgba(223,177,108,0.7),
    0 4px 12px -2px rgba(0,0,0,0.5);
  --landing-reference-57: linear-gradient(180deg, rgba(23,23,28,0.98), rgba(13,13,16,0.99));
  --landing-reference-58: 20px;
  --landing-reference-59: 0 40px 90px -20px rgba(0,0,0,0.9),
    0 0 0 1px rgba(255,255,255,0.03) inset,
    0 1px 0 rgba(255,255,255,0.06) inset;
  --landing-reference-60: rgba(0,0,0,0.25);
  --landing-reference-61: linear-gradient(145deg, rgba(223,177,108,0.2), rgba(223,177,108,0.06));
  --landing-reference-62: rgba(255,255,255,0.06);
  --landing-reference-63: rgba(255,255,255,0.035);
  --landing-reference-64: rgba(255,255,255,0.04);
  --landing-reference-65: 0 0 0 3px rgba(223,177,108,0.08);
  --landing-reference-66: 2px solid rgba(26,18,5,0.25);
  --landing-reference-67: rgba(223,177,108,0.08);
  --landing-reference-68: rgba(0,0,0,0.2);
  --landing-reference-69: 18px;
  --landing-reference-70: 0 70px 140px -40px rgba(0,0,0,0.9),
    0 40px 80px -30px rgba(223,177,108,0.12),
    0 0 0 1px rgba(255,255,255,0.03) inset,
    0 1px 0 rgba(255,255,255,0.06) inset;
  --landing-reference-71: rgba(0,0,0,0.35);
  --landing-reference-72: #ff5f56;
  --landing-reference-73: #ffbd2e;
  --landing-reference-74: #27c93f;
  --landing-reference-75: rgba(9,9,11,0.8);
  --landing-reference-76: rgba(0,0,0,0.1);
  --landing-reference-77: 1px solid rgba(255,255,255,0.03);
  --landing-reference-78: rgba(150,150,150,0.08);
}
/* Exact frozen reference constants for transferred components; no palette substitutions. */
[data-saas-palette] {
  --landing-reference-79: 0 0 0 0 rgba(153,179,255,0.0);
  --landing-reference-80: 0 0 0 4px rgba(153,179,255,0.12);
  --landing-reference-81: 0 0 0 0 rgba(127,191,161,0.0);
  --landing-reference-82: 0 0 0 4px rgba(127,191,161,0.12);
  --landing-reference-83: 0 0 0 0 rgba(127,191,161,0);
  --landing-reference-84: 0 0 8px 0 rgba(127,191,161,0.28);
  --landing-reference-85: 0 0 0 0 rgba(212,168,112,0);
  --landing-reference-86: 0 0 8px 0 rgba(212,168,112,0.32);
  --landing-reference-87: 0 0 0 0 rgba(227,165,165,0);
  --landing-reference-88: 0 0 8px 0 rgba(227,165,165,0.36);
  --landing-reference-89: 0 0 0 0 rgba(153,179,255,0);
  --landing-reference-90: 0 0 8px 0 rgba(153,179,255,0.28);
  --landing-reference-91: rgba(0,0,0,0.5);
  --landing-reference-92: rgba(127,191,161,0.1);
  --landing-reference-93: linear-gradient(180deg, rgba(12,12,15,0.6), rgba(8,8,10,0.4));
  --landing-reference-94: 7px;
  --landing-reference-95: linear-gradient(145deg, #2a2216, #1a1710);
  --landing-reference-96: linear-gradient(90deg, rgba(223,177,108,0.11), rgba(223,177,108,0.02));
  --landing-reference-97: 0 3px 3px 0;
  --landing-reference-98: 0 0 12px var(--gold);
  --landing-reference-99: rgba(153,179,255,0.12);
  --landing-reference-100: rgba(127,191,161,0.14);
  --landing-reference-101: 14px;
  --landing-reference-102: 4px;
  --landing-reference-103: rgba(223,177,108,0.14);
  --landing-reference-104: rgba(255,204,0,0.12);
  --landing-reference-105: #c9a600;
  --landing-reference-106: 1px solid rgba(255,204,0,0.3);
  --landing-reference-107: rgba(0,91,255,0.1);
  --landing-reference-108: #4a8fff;
  --landing-reference-109: 1px solid rgba(0,91,255,0.25);
  --landing-reference-110: rgba(255,0,122,0.1);
  --landing-reference-111: #ff5ca8;
  --landing-reference-112: 1px solid rgba(255,0,122,0.25);
  --landing-reference-113: linear-gradient(90deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.09) 50%, rgba(255,255,255,0.04) 100%);
  --landing-reference-114: 1px solid rgba(255,255,255,0.04);
  --landing-reference-115: rgba(128,128,128,0.08);
  --landing-reference-116: rgba(128,128,128,0.15);
  --landing-reference-117: 0 0 10px var(--green);
  --landing-reference-118: linear-gradient(180deg, rgba(223,177,108,0.03), transparent);
}

[data-saas-palette] {
  --landing-reference-119: linear-gradient(180deg, rgba(223,177,108,0.04), rgba(18,18,22,0.85));
  --landing-reference-120: rgba(223,177,108,0.1);
}
[data-saas-palette] { --landing-reference-121:rgba(9,9,11,0.78); }