/* ==========================================================================
   Central Gas — landing page, "sky & glass" skin. Loaded after landing.css.
   ========================================================================== */

/* Boiler installation block (replaces the old boiler packages) ------------- */
.lp-install { background: linear-gradient(180deg, #fff, #f4f9ff); }
.lp-install__grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(28px, 5vw, 64px); align-items: center; }
.lp-lead--dark { color: var(--muted); }
.lp-ticks--dark { margin-block-end: 0; }
.lp-ticks--dark li { color: var(--ink-2); }
@media (max-width: 960px) { .lp-install__grid { grid-template-columns: 1fr; } }

/* Light palette ----------------------------------------------------------- */
.is-landing {
	--lp-ink: #0f1b3d;
	--lp-deep: #f4f9ff;
	--lp-glass: rgb(255 255 255 / .8);
	--lp-glass-line: rgb(30 58 138 / .12);
}

/* Header: always light glass, and below the admin bar when logged in. */
.lp-header { background: rgb(255 255 255 / .78); -webkit-backdrop-filter: blur(16px) saturate(1.4); backdrop-filter: blur(16px) saturate(1.4); box-shadow: 0 1px 0 rgb(30 58 138 / .06); }
.admin-bar .lp-header { inset-block-start: 32px; }
@media (max-width: 782px) { .admin-bar .lp-header { inset-block-start: 46px; } }
@media (max-width: 600px) { .admin-bar .lp-header { position: absolute; } } /* scrolls away with the admin bar */
.lp-lang { color: var(--navy); border-color: rgb(30 58 138 / .15); }
.lp-lang:hover { background: #fff; color: var(--navy); }
.lp-live { color: #166534; background: #dcfce7; border-color: #bbf7d0; }

/* Hero */
.lp-hero { background: radial-gradient(80% 90% at 88% 5%, #d4ecff 0%, #eaf5ff 42%, rgb(255 255 255 / 0) 80%), linear-gradient(180deg, #f7fbff, #fff); color: var(--ink-body); }
.lp-grid { background-image: linear-gradient(rgb(30 58 138 / .05) 1px, transparent 1px), linear-gradient(90deg, rgb(30 58 138 / .05) 1px, transparent 1px); }
.lp-grain { display: none; }
.lp-aurora { mix-blend-mode: normal; opacity: .18; }
.lp-badge { color: var(--navy); background: #fff; border-color: rgb(30 58 138 / .1); box-shadow: 0 6px 16px -10px rgb(30 58 138 / .4); }
.lp-badge .icon { color: var(--green); }
.lp-title, .lp-title__main { color: var(--navy); }
.lp-gradient-text { background: linear-gradient(100deg, #1e7fd6, #2fa4e7 45%, #1e3a8a); -webkit-background-clip: text; background-clip: text; color: transparent; }
.lp-lead { color: var(--muted); }
.lp-proof { color: var(--ink-2); }
.lp-actions .btn { box-shadow: 0 14px 30px -16px rgb(30 58 138 / .45); }
.lp-hero .hero3d { position: absolute; inset: auto; inset-inline-end: -3%; inset-block-start: 2%; width: min(32vw, 440px); aspect-ratio: 1; opacity: .95; pointer-events: none; } /* peeks out behind the call-back card */
.lp-hero .hero3d .hero3d__still, .lp-hero .hero3d .hero3d__canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
.lp-hero .hero3d .hero3d__canvas { opacity: 0; transition: opacity .8s var(--ease); }
.lp-hero .hero3d.is-live .hero3d__canvas { opacity: 1; }
.lp-hero .hero3d.is-live .hero3d__still { opacity: 0; }
@media (max-width: 960px) { .lp-hero .hero3d { display: none; } }

/* Marquee + stats */
.lp-marquee { background: rgb(255 255 255 / .7); border-color: rgb(30 58 138 / .08); }
.lp-marquee__track span { color: rgb(30 58 138 / .6); }
.lp-stats { background: #fff; }
.lp-stats__grid { background: rgb(30 58 138 / .08); border-color: rgb(30 58 138 / .08); }
.lp-stat { background: linear-gradient(180deg, #fff, #f5faff); }
.lp-stat__label { color: var(--muted); }

/* Sections that were dark */
.lp-kicker--light { background: #fff1e6; color: #c2410c; }
.lp-h2--light { color: var(--navy); }
.lp-radar { background: radial-gradient(circle, #e6f3ff 0%, #f4f9ff 60%, #fff 100%); border: 1px solid rgb(30 58 138 / .08); }
.lp-radar__ring { border-color: rgb(30 58 138 / .18); }
.lp-radar__label-home { color: var(--navy); }
.lp-final__panel { background: radial-gradient(100% 120% at 100% 0%, #d4ecff, #eaf5ff 50%, #fff); color: var(--ink-body); border: 1px solid #fff; box-shadow: var(--glass-shadow); }
.lp-final__title { color: var(--navy); }
.lp-footer { background: linear-gradient(160deg, var(--navy), var(--navy-900)); }

/* Seal: Farsi letters must stay joined — no letter-spacing or capitals. */
.lang-fa .lp-seal__ring text { letter-spacing: 0; text-transform: none; font-size: 16px; }