/* ================================================================= TELEXICO LUXURY HOME — cinematic homepage styles Loaded on (only the homepage) Sits on top of telexico-luxury-2026.css base layer ================================================================= */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap'); /* === Root tokens (extends luxury 2026) === */ .tx-lux-home { --base: #020617; --depth: #0B0F1A; --surface: rgba(255,255,255,.04); --border: rgba(255,255,255,.09); --white: #F8FAFC; --muted: #CBD5F5; --violet: #8B5CF6; --blue: #2563EB; --cyan: #00E0FF; --pink: #EC4899; --pink-soft: #FBCFE8; --plum: #2A0F1F; --champagne: #D6B57A; font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif; background: var(--base) !important; color: var(--white) !important; overflow-x: hidden; } /* Cinematic page background */ .tx-lux-home::before { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: -3; background: radial-gradient(circle at 50% -12%, rgba(255,255,255,.075), transparent 30%), radial-gradient(circle at 76% 18%, rgba(236,72,153,.075), transparent 24%), radial-gradient(circle at 24% 76%, rgba(214,181,122,.105), transparent 28%), radial-gradient(circle at 14% 88%, rgba(42,15,31,.82), transparent 32%), linear-gradient(135deg, #020617 0%, rgba(30,27,75,.48) 52%, rgba(42,15,31,.72) 100%); } /* Faint grid overlay */ .tx-lux-home::after { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: -2; background-image: linear-gradient(rgba(255,255,255,.027) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.027) 1px, transparent 1px); background-size: 76px 76px; mask-image: linear-gradient(to bottom, rgba(0,0,0,.36), transparent 68%); } /* Container */ .tx-lux-home .tx-lux-container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; position: relative; z-index: 2; } /* Glass utility */ .tx-lux-home .tx-glass { position: relative; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.09); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: 0 24px 90px rgba(0,0,0,.28); } .tx-lux-home .tx-glass::before { content: ""; position: absolute; inset: 1px; border-radius: inherit; pointer-events: none; background: linear-gradient(135deg, rgba(255,255,255,.18), transparent 30%, rgba(214,181,122,.08) 58%, transparent 78%); opacity: .7; } /* === LUXURY TOPBAR (replaces the legacy old topbar) === */ .tx-lux-home .tx-lux-topbar { position: relative; z-index: 6; background: rgba(2,6,23,.86); border-bottom: 1px solid rgba(255,255,255,.07); backdrop-filter: blur(16px); font-size: 12px; color: rgba(248,250,252,.72); } .tx-lux-home .tx-lux-topbar-inner { width: min(1340px, calc(100% - 40px)); margin: 0 auto; padding: 9px 0; display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; letter-spacing: .02em; } .tx-lux-home .tx-lux-topbar a { color: #FBCFE8; text-decoration: none; font-weight: 600; } .tx-lux-home .tx-lux-topbar a:hover { color: #fff; } .tx-lux-home .tx-lux-topbar-right { color: rgba(214,181,122,.88); } /* === Override existing nav for luxury home === */ .tx-lux-home nav { background: rgba(2,6,23,.72) !important; border-bottom: 1px solid rgba(255,255,255,.10) !important; backdrop-filter: blur(20px) !important; box-shadow: 0 18px 70px rgba(0,0,0,.18); padding: 18px 32px !important; position: sticky !important; top: 0 !important; z-index: 100 !important; } .tx-lux-home nav .nav-logo { font-family: Inter, sans-serif !important; color: #fff !important; font-size: 22px !important; font-weight: 800 !important; letter-spacing: -.04em !important; } .tx-lux-home nav .nav-logo span { background: linear-gradient(135deg, #FBCFE8 0%, #EC4899 100%); -webkit-background-clip: text; background-clip: text; color: transparent !important; -webkit-text-fill-color: transparent; } .tx-lux-home nav .nav-links a { color: rgba(248,250,252,.78) !important; font-weight: 600 !important; transition: .35s ease; } .tx-lux-home nav .nav-links a:hover { color: #fff !important; } .tx-lux-home nav .nav-cta { background: linear-gradient(135deg, #2563EB 0%, #8B5CF6 50%, #EC4899 100%) !important; color: #fff !important; border: 1px solid rgba(255,255,255,.14) !important; border-radius: 999px !important; padding: 11px 22px !important; font-weight: 800 !important; box-shadow: 0 16px 50px rgba(37,99,235,.20), 0 0 36px rgba(236,72,153,.10) !important; transition: .45s ease; } .tx-lux-home nav .nav-cta:hover { transform: translateY(-2px); } /* === HERO === */ .tx-lux-home .tx-lux-hero { position: relative; padding: 60px 0 110px; } .tx-lux-home .tx-lux-hero-inner { display: grid; grid-template-columns: 1.03fr .97fr; gap: 70px; align-items: center; } .tx-lux-home .tx-lux-hero-copy { animation: txLuxRise .95s ease both; } .tx-lux-home .tx-lux-badge { display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px; border-radius: 999px; border: 1px solid rgba(214,181,122,.22); background: rgba(255,255,255,.035); color: rgba(203,213,245,.86); font-size: 13px; font-weight: 600; margin-bottom: 22px; backdrop-filter: blur(14px); } .tx-lux-home .tx-lux-dot { width: 7px; height: 7px; border-radius: 999px; background: var(--champagne); box-shadow: 0 0 20px rgba(214,181,122,.65); } .tx-lux-home .tx-lux-cinematic-line { width: 190px; height: 1px; margin: 0 0 30px; background: linear-gradient(90deg, rgba(214,181,122,.72), rgba(236,72,153,.22), transparent); box-shadow: 0 0 22px rgba(214,181,122,.22); } .tx-lux-home h1 { font-size: clamp(44px, 6.5vw, 86px) !important; line-height: .94 !important; letter-spacing: -.07em !important; font-weight: 900 !important; color: var(--white) !important; max-width: 880px; margin: 0; } .tx-lux-home .white-pink-sheen { background: linear-gradient(135deg, #F8FAFC 0%, #FBCFE8 55%, #EC4899 100%); -webkit-background-clip: text; background-clip: text; color: transparent !important; -webkit-text-fill-color: transparent; text-shadow: 0 0 28px rgba(236,72,153,.12); } .tx-lux-home .pink-sheen { background: linear-gradient(135deg, #F8FAFC 0%, #F7C2DA 44%, #EC4899 92%); -webkit-background-clip: text; background-clip: text; color: transparent !important; -webkit-text-fill-color: transparent; text-shadow: 0 0 34px rgba(236,72,153,.10); } .tx-lux-home .micro-pink { color: #F7C2DA !important; } .tx-lux-home .tx-lux-hero-sub { margin-top: 30px; max-width: 630px; font-size: 19px; line-height: 1.75; color: rgba(203,213,245,.82) !important; font-weight: 400; } .tx-lux-home .tx-lux-premium-quote { margin-top: 30px; max-width: 620px; border-left: 2px solid rgba(236,72,153,.45); padding-left: 22px; color: rgba(248,250,252,.88); font-size: 17px; line-height: 1.75; } .tx-lux-home .tx-lux-premium-quote strong { color: #F7C2DA; font-weight: 800; } /* Hero buttons */ .tx-lux-home .tx-lux-hero-actions { display: flex; gap: 14px; margin-top: 38px; flex-wrap: wrap; } .tx-lux-home .tx-lux-primary-btn { display: inline-flex; align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,.12); background: linear-gradient(135deg, rgba(37,99,235,.98), rgba(139,92,246,.92)), linear-gradient(90deg, rgba(214,181,122,.2), transparent); color: #fff !important; border-radius: 999px; padding: 17px 30px; font-size: 15px; font-weight: 850; text-decoration: none; box-shadow: 0 18px 65px rgba(37,99,235,.22), 0 0 42px rgba(139,92,246,.12); transition: .45s ease; } .tx-lux-home .tx-lux-primary-btn:hover { transform: translateY(-3px); box-shadow: 0 24px 82px rgba(37,99,235,.30), 0 0 46px rgba(214,181,122,.14); } .tx-lux-home .tx-lux-secondary-btn { display: inline-flex; align-items: center; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.04); color: #fff !important; border-radius: 999px; padding: 17px 28px; font-size: 15px; font-weight: 750; backdrop-filter: blur(14px); text-decoration: none; transition: .45s ease; } .tx-lux-home .tx-lux-secondary-btn:hover { border-color: rgba(214,181,122,.34); background: rgba(255,255,255,.07); transform: translateY(-2px); } /* === ORBITAL VISUAL === */ .tx-lux-home .tx-lux-orbital-wrap { position: relative; height: 520px; perspective: 1200px; animation: txLuxRise .95s ease .12s both; } .tx-lux-home .tx-lux-orbital-wrap::before { content: ""; position: absolute; inset: -28px; border-radius: 48px; background: linear-gradient(135deg, rgba(139,92,246,.18), rgba(214,181,122,.07), rgba(236,72,153,.10)); filter: blur(30px); pointer-events: none; } .tx-lux-home .tx-lux-orbital-core { position: absolute; inset: 50% auto auto 50%; width: 190px; height: 190px; transform: translate(-50%, -50%); border-radius: 42px; background: linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.035)), radial-gradient(circle at 30% 20%, rgba(236,72,153,.22), transparent 50%); border: 1px solid rgba(255,255,255,.14); backdrop-filter: blur(18px); box-shadow: 0 30px 120px rgba(236,72,153,.18), inset 0 1px 0 rgba(255,255,255,.18); display: grid; place-items: center; font-size: 42px; color: #FBCFE8; animation: txLuxFloat 7s ease-in-out infinite; z-index: 3; } .tx-lux-home .tx-lux-orbit-ring { position: absolute; inset: 50% auto auto 50%; width: 430px; height: 430px; transform: translate(-50%, -50%) rotateX(62deg) rotateZ(0deg); border: 1px solid rgba(255,255,255,.10); border-radius: 999px; animation: txLuxOrbit 24s linear infinite; box-shadow: 0 0 60px rgba(236,72,153,.08); } .tx-lux-home .tx-lux-orbit-ring.two { width: 350px; height: 350px; transform: translate(-50%, -50%) rotateX(68deg) rotateZ(35deg); border-color: rgba(236,72,153,.12); animation-duration: 32s; animation-direction: reverse; } .tx-lux-home .tx-lux-orbit-node { position: absolute; width: 122px; min-height: 76px; padding: 12px; border-radius: 18px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.12); backdrop-filter: blur(14px); box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 12px 40px rgba(0,0,0,.3); font-size: 12px; color: rgba(203,213,245,.78); z-index: 2; } .tx-lux-home .tx-lux-orbit-node strong { display: block; color: #F8FAFC; font-size: 14px; margin-bottom: 4px; font-weight: 800; } .tx-lux-home .node-a { top: 30px; left: 30px; } .tx-lux-home .node-b { top: 65px; right: 0; } .tx-lux-home .node-c { bottom: 65px; left: 0; } .tx-lux-home .node-d { bottom: 20px; right: 45px; } /* === STATS STRIP === */ .tx-lux-home .tx-lux-stats { position: relative; z-index: 2; border-top: 1px solid rgba(255,255,255,.075); border-bottom: 1px solid rgba(255,255,255,.075); background: rgba(255,255,255,.022); backdrop-filter: blur(16px); } .tx-lux-home .tx-lux-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; padding: 36px 0; text-align: center; } .tx-lux-home .tx-lux-stat-num { font-size: 42px; font-weight: 900; letter-spacing: -.055em; color: var(--white); background: linear-gradient(135deg, #fff 0%, #FBCFE8 90%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .tx-lux-home .tx-lux-stat-label { margin-top: 5px; font-size: 13px; color: rgba(203,213,245,.62); font-weight: 500; } /* === Generic luxury section === */ .tx-lux-home .tx-lux-section { position: relative; z-index: 2; padding: 110px 0; } .tx-lux-home .tx-lux-eyebrow { color: rgba(214,181,122,.82); font-size: 11px; letter-spacing: .34em; text-transform: uppercase; font-weight: 900; margin-bottom: 18px; display: block; } .tx-lux-home h2 { font-size: clamp(34px, 4.5vw, 60px) !important; line-height: 1.02 !important; letter-spacing: -.06em !important; font-weight: 900 !important; color: var(--white) !important; max-width: 880px; margin: 0; } .tx-lux-home .tx-lux-section-kicker { margin-top: 16px; color: rgba(247,194,218,.72); font-size: 14px; font-weight: 700; letter-spacing: .02em; } .tx-lux-home .tx-lux-section-intro { max-width: 690px; margin-top: 20px; font-size: 17px; line-height: 1.78; color: rgba(203,213,245,.72); } /* === Cards (Telexico Core / AI / Connect) === */ .tx-lux-home .tx-lux-cards { margin-top: 52px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; } .tx-lux-home .tx-lux-card { position: relative; display: block; border-radius: 30px; padding: 32px; min-height: 290px; overflow: hidden; text-decoration: none; color: inherit; transition: .55s ease; } .tx-lux-home .tx-lux-card:hover { transform: translateY(-6px); border-color: rgba(214,181,122,.24) !important; box-shadow: 0 28px 100px rgba(0,0,0,.32), 0 0 42px rgba(139,92,246,.08) !important; } .tx-lux-home .tx-lux-card-icon { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 18px; border: 1px solid rgba(255,255,255,.09); background: rgba(255,255,255,.045); color: var(--champagne); font-size: 22px; margin-bottom: 26px; position: relative; z-index: 2; } .tx-lux-home .tx-lux-card h3 { font-size: 26px !important; letter-spacing: -.05em !important; margin-bottom: 14px !important; position: relative; z-index: 2; color: var(--white) !important; font-weight: 900 !important; } .tx-lux-home .tx-lux-card p { color: rgba(203,213,245,.70) !important; line-height: 1.72 !important; font-size: 15px !important; position: relative; z-index: 2; margin: 0 !important; } .tx-lux-home .tx-lux-card-link { margin-top: 24px; font-size: 13.5px; font-weight: 900; color: rgba(248,250,252,.92); position: relative; z-index: 2; } /* === Dividers === */ .tx-lux-home .tx-lux-divider { width: 100%; height: 1px; margin: 0 auto; background: linear-gradient(90deg, transparent, rgba(214,181,122,.18), rgba(236,72,153,.18), transparent); box-shadow: 0 0 26px rgba(236,72,153,.08); } .tx-lux-home .tx-lux-tactile-line { border-top: 1px solid rgba(255,255,255,.12); border-bottom: 1px solid rgba(255,255,255,.045); background: linear-gradient(90deg, transparent, rgba(236,72,153,.07), transparent); height: 12px; margin: 0; } /* === MEGA WORD === */ .tx-lux-home .tx-lux-mega-word { font-size: clamp(72px, 15vw, 200px); line-height: .75; letter-spacing: -.095em; font-weight: 950; opacity: .12; background: linear-gradient(90deg, #fff, #FBCFE8, #EC4899); -webkit-background-clip: text; background-clip: text; color: transparent !important; -webkit-text-fill-color: transparent; white-space: nowrap; pointer-events: none; margin-bottom: 24px; user-select: none; } /* === BENTO === */ .tx-lux-home .tx-lux-bento { margin-top: 52px; display: grid; grid-template-columns: 1.2fr .8fr .9fr; grid-template-rows: 230px 230px; gap: 18px; } .tx-lux-home .tx-lux-bento-card { position: relative; overflow: hidden; border-radius: 26px; border: 1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.035); backdrop-filter: blur(14px); padding: 28px; box-shadow: inset 0 1px 0 rgba(255,255,255,.08); transition: .5s ease; } .tx-lux-home .tx-lux-bento-card:hover { transform: translateY(-5px); border-color: rgba(236,72,153,.22); background: rgba(255,255,255,.052); } .tx-lux-home .tx-lux-bento-card.large { grid-row: span 2; } .tx-lux-home .tx-lux-bento-card.wide { grid-column: span 2; } .tx-lux-home .tx-lux-bento-kicker { color: rgba(251,207,232,.76); font-size: 11px; font-weight: 900; letter-spacing: .24em; text-transform: uppercase; margin-bottom: 14px; } .tx-lux-home .tx-lux-bento-card h3 { font-size: 26px !important; line-height: 1.05 !important; letter-spacing: -.05em !important; margin-bottom: 14px !important; color: var(--white) !important; font-weight: 900 !important; } .tx-lux-home .tx-lux-bento-card p { color: rgba(203,213,245,.70) !important; line-height: 1.7 !important; font-size: 14.5px !important; margin: 0 !important; } .tx-lux-home .tx-lux-scribble { display: inline-block; position: relative; } .tx-lux-home .tx-lux-scribble::after { content: ""; position: absolute; left: 2px; right: 2px; bottom: -7px; height: 8px; border-bottom: 2px solid rgba(236,72,153,.55); border-radius: 60%; transform: rotate(-1deg); opacity: .8; } /* === WHY === */ .tx-lux-home .tx-lux-why { background: rgba(11,15,26,.84); border-top: 1px solid rgba(255,255,255,.065); border-bottom: 1px solid rgba(255,255,255,.065); } .tx-lux-home .tx-lux-why-grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: 84px; align-items: start; } .tx-lux-home .tx-lux-check-list { display: grid; gap: 14px; } .tx-lux-home .tx-lux-check { display: flex; gap: 14px; align-items: flex-start; border: 1px solid rgba(255,255,255,.085); background: rgba(255,255,255,.032); border-radius: 22px; padding: 22px; color: rgba(203,213,245,.80) !important; line-height: 1.65; font-size: 16.5px; backdrop-filter: blur(14px); } .tx-lux-home .tx-lux-check b { color: var(--champagne); font-size: 18px; flex-shrink: 0; } /* === EXPERIENCE STEPS === */ .tx-lux-home .tx-lux-experience-grid { margin-top: 52px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; } .tx-lux-home .tx-lux-step { border-left: 1px solid rgba(214,181,122,.28); padding: 6px 0 6px 22px; } .tx-lux-home .tx-lux-step-num { color: rgba(214,181,122,.82); font-weight: 900; margin-bottom: 12px; font-size: 14px; letter-spacing: .15em; } .tx-lux-home .tx-lux-step h3 { font-size: 22px !important; letter-spacing: -.04em !important; margin-bottom: 12px !important; color: var(--white) !important; font-weight: 900 !important; } .tx-lux-home .tx-lux-step p { color: rgba(203,213,245,.68) !important; line-height: 1.72 !important; margin: 0 !important; } /* === PRICE BENTO === */ .tx-lux-home .tx-lux-price-bento { margin-top: 50px; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 18px; } .tx-lux-home .tx-lux-price-card { position: relative; overflow: hidden; border-radius: 28px; border: 1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.038); backdrop-filter: blur(14px); padding: 30px; transition: .45s ease; } .tx-lux-home .tx-lux-price-card:hover { transform: translateY(-5px); border-color: rgba(236,72,153,.24); background: rgba(255,255,255,.055); } .tx-lux-home .tx-lux-price-tag { display: inline-flex; border-radius: 999px; border: 1px solid rgba(236,72,153,.22); background: rgba(236,72,153,.07); color: #FBCFE8; padding: 7px 14px; font-size: 11px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; margin-bottom: 18px; } .tx-lux-home .tx-lux-price-card h3 { font-size: 27px !important; letter-spacing: -.05em !important; margin-bottom: 12px !important; color: var(--white) !important; font-weight: 900 !important; } .tx-lux-home .tx-lux-price-card p { color: rgba(203,213,245,.72) !important; line-height: 1.7 !important; margin-bottom: 22px !important; font-size: 15px !important; } .tx-lux-home .tx-lux-price-action { display: inline-flex; align-items: center; border-radius: 999px; padding: 13px 22px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.11); color: #fff !important; text-decoration: none; font-weight: 850; font-size: 14px; transition: .35s ease; } .tx-lux-home .tx-lux-price-action:hover { background: linear-gradient(135deg, rgba(37,99,235,.95), rgba(236,72,153,.75)); transform: translateY(-2px); } /* === FINAL CTA === */ .tx-lux-home .tx-lux-final-cta { position: relative; overflow: hidden; border-radius: 42px; padding: 60px; background: rgba(255,255,255,.04) !important; border: 1px solid rgba(255,255,255,.10); } .tx-lux-home .tx-lux-final-cta::after { content: ""; position: absolute; right: -130px; top: -130px; width: 370px; height: 370px; border-radius: 999px; background: rgba(214,181,122,.13); filter: blur(90px); pointer-events: none; } .tx-lux-home .tx-lux-final-cta > * { position: relative; z-index: 2; } .tx-lux-home .tx-lux-white-btn { margin-top: 32px; display: inline-block; background: rgba(248,250,252,.96); color: #020617 !important; border-radius: 999px; padding: 17px 32px; font-weight: 900; font-size: 15px; text-decoration: none; box-shadow: 0 20px 70px rgba(255,255,255,.13); transition: .45s ease; } .tx-lux-home .tx-lux-white-btn:hover { transform: translateY(-3px); box-shadow: 0 24px 84px rgba(214,181,122,.16); } /* === Footer override on luxury home === */ .tx-lux-home footer { background: rgba(11,15,26,.92) !important; color: rgba(248,250,252,.78) !important; border-top: 1px solid rgba(255,255,255,.07); } .tx-lux-home footer h3, .tx-lux-home footer h4 { color: #fff !important; } .tx-lux-home footer a { color: rgba(248,250,252,.72) !important; } .tx-lux-home footer a:hover { color: #FBCFE8 !important; } /* === Animations === */ @keyframes txLuxRise { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } } @keyframes txLuxOrbit { from { rotate: 0deg; } to { rotate: 360deg; } } @keyframes txLuxFloat { 0%, 100% { transform: translate(-50%, -50%) translateY(0) rotateX(0deg) rotateY(0deg); } 50% { transform: translate(-50%, -50%) translateY(-16px) rotateX(4deg) rotateY(-5deg); } } /* === Responsive === */ @media (max-width: 940px) { .tx-lux-home .tx-lux-hero-inner { grid-template-columns: 1fr; padding-top: 40px; } .tx-lux-home .tx-lux-orbital-wrap { height: 440px; margin-top: 40px; } .tx-lux-home .tx-lux-stats-grid { grid-template-columns: 1fr 1fr; } .tx-lux-home .tx-lux-cards, .tx-lux-home .tx-lux-experience-grid, .tx-lux-home .tx-lux-price-bento { grid-template-columns: 1fr; } .tx-lux-home .tx-lux-bento { grid-template-columns: 1fr 1fr; grid-template-rows: auto; } .tx-lux-home .tx-lux-bento-card.large, .tx-lux-home .tx-lux-bento-card.wide { grid-column: auto; grid-row: auto; } .tx-lux-home .tx-lux-why-grid { grid-template-columns: 1fr; gap: 36px; } } @media (max-width: 640px) { .tx-lux-home .tx-lux-section { padding: 70px 0; } .tx-lux-home .tx-lux-orbital-wrap { height: 380px; } .tx-lux-home .tx-lux-orbit-ring { width: 320px; height: 320px; } .tx-lux-home .tx-lux-orbit-ring.two { width: 260px; height: 260px; } .tx-lux-home .tx-lux-orbit-node { width: 100px; } .tx-lux-home .tx-lux-bento { grid-template-columns: 1fr; } .tx-lux-home .tx-lux-stats-grid { grid-template-columns: 1fr 1fr; gap: 24px; } .tx-lux-home .tx-lux-hero-actions { flex-direction: column; } .tx-lux-home .tx-lux-primary-btn, .tx-lux-home .tx-lux-secondary-btn { width: 100%; justify-content: center; } .tx-lux-home .tx-lux-final-cta { padding: 36px 24px; border-radius: 30px; } .tx-lux-home .tx-lux-topbar-inner { font-size: 11px; padding: 8px 0; } .tx-lux-home .tx-lux-topbar-right { display: none; } } @media (prefers-reduced-motion: reduce) { .tx-lux-home *, .tx-lux-home *::before, .tx-lux-home *::after { animation: none !important; transition: none !important; } } /* Ensure mobile bar still shows on luxury home */ .tx-lux-home .mob-bar { z-index: 9999; } /* Mobile bar bottom padding (prevent floating cta strip overlap) */ @media (max-width: 900px) { .tx-lux-home .tx-luxury-cta-strip { display: none !important; } } /* === Hero SEO support line (small champagne text below H1) === */ .tx-lux-home .tx-lux-hero-seo-line{ margin-top:18px; font-size:14.5px; letter-spacing:.02em; color:rgba(214,181,122,.92)!important; font-weight:600; max-width:600px; line-height:1.6; } .tx-lux-home .tx-lux-hero-seo-line strong{ color:#FBCFE8; font-weight:800; } /* === SEO content block - Section 8 === */ .tx-lux-home .tx-lux-seo-block{ padding-top:90px; padding-bottom:90px; } .tx-lux-home .tx-lux-seo-cols{ margin-top:48px; display:grid; grid-template-columns:repeat(3,1fr); gap:32px; } .tx-lux-home .tx-lux-seo-col{ border-left:1px solid rgba(214,181,122,.22); padding:6px 0 6px 22px; } .tx-lux-home .tx-lux-seo-col h3{ font-size:18px!important; font-weight:900!important; margin-bottom:14px!important; color:rgba(247,194,218,.94)!important; letter-spacing:.02em!important; text-transform:none; } .tx-lux-home .tx-lux-seo-col p{ font-size:14.5px!important; line-height:1.78!important; color:rgba(203,213,245,.78)!important; margin:0!important; } .tx-lux-home .tx-lux-seo-col p a{ color:#fff!important; text-decoration:none; font-weight:700; border-bottom:1px solid rgba(236,72,153,.35); transition:.3s ease; } .tx-lux-home .tx-lux-seo-col p a:hover{ color:#FBCFE8!important; border-bottom-color:rgba(236,72,153,.85); } .tx-lux-home .tx-lux-seo-col p a strong{ color:inherit; font-weight:800; } @media (max-width:940px){ .tx-lux-home .tx-lux-seo-cols{grid-template-columns:1fr;gap:24px} } /* === Sticky CTA strip - polish primary pill (override luxury-2026 base) === */ body.tx-luxury-2026 .tx-luxury-cta-strip .tx-cta-pill.primary, body.tx-luxury-2026 .tx-luxury-cta-strip a.primary{ background:linear-gradient(135deg,#F8FAFC 0%,#FBCFE8 55%,#EC4899 100%)!important; color:#020617!important; box-shadow:0 16px 45px rgba(236,72,153,.22); font-weight:900; } body.tx-luxury-2026 .tx-luxury-cta-strip .tx-cta-pill, body.tx-luxury-2026 .tx-luxury-cta-strip a{ display:inline-flex; align-items:center; justify-content:center; border-radius:999px; padding:13px 18px; text-decoration:none; font-weight:850; font-size:13.5px; white-space:nowrap; transition:.35s ease; } body.tx-luxury-2026 .tx-luxury-cta-strip .tx-cta-pill:hover, body.tx-luxury-2026 .tx-luxury-cta-strip a:hover{ transform:translateY(-2px); }