/* Public landing page (Views/Home/Index with _LandingLayout) */
.lp { --lp-orange: #e47107; --lp-orange-2: #f9680f; --lp-dark: #262425; --lp-muted: #6b6b76; --lp-border: #ececf0; font-family: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif; color: #2b2b33; background: #fff; }
.lp h1, .lp h2, .lp h5 { font-weight: 700; color: #1f1f26; }
.lp a { color: var(--lp-orange); }
.lp img { max-width: 100%; }

/* header */
.lp-header { position: sticky; top: 0; z-index: 100; background: #fff; box-shadow: 0 1px 8px rgba(0,0,0,.07); }
.lp-header .nav-link { color: #2b2b33; font-weight: 500; padding: .6rem .9rem; }
.lp-header .nav-link:hover { color: var(--lp-orange); }

/* buttons */
.lp-btn { background: linear-gradient(85deg, var(--lp-orange-2), var(--lp-orange)); color: #fff !important; border: 0; border-radius: 26px; padding: .6rem 1.6rem; font-weight: 600; }
.lp-btn:hover { filter: brightness(.95); text-decoration: none; }
.lp-btn-sm { padding: .35rem 1.1rem; font-size: .9rem; }
.lp-btn-outline { background: transparent; border: 2px solid var(--lp-orange); color: var(--lp-orange) !important; }
.lp-btn-outline:hover { background: var(--lp-orange); color: #fff !important; }

/* hero */
.lp-hero { padding: 72px 0 56px; background: linear-gradient(135deg, #fff6ee 0%, #ffe6d0 100%); }
.lp-hero h1 { font-size: 2.7rem; line-height: 1.15; margin-bottom: 1rem; }
.lp-hero h1 span { color: var(--lp-orange); }
.lp-hero .lead { color: var(--lp-muted); margin-bottom: 1.6rem; }

/* sections */
.lp-section { padding: 64px 0; }
.lp-alt { background: #faf8f6; }
.lp-section h2 { font-size: 1.9rem; margin-bottom: .8rem; }

/* cards */
.lp-card { background: #fff; border: 1px solid var(--lp-border); border-radius: 12px; overflow: hidden; transition: box-shadow .2s, transform .2s; }
.lp-card:hover { box-shadow: 0 8px 22px rgba(0,0,0,.09); transform: translateY(-2px); }
.lp-card img { width: 100%; height: 170px; object-fit: cover; display: block; }
.lp-card-body { padding: 16px 18px 20px; }
.lp-card-body h5 { font-size: 1.05rem; margin-bottom: .4rem; }
.lp-card-body p { color: var(--lp-muted); font-size: .92rem; margin: 0; }

/* feature blocks */
.lp-feature { background: #fff; border: 1px solid var(--lp-border); border-radius: 12px; padding: 26px 22px; text-align: center; }
.lp-feature > i { font-size: 1.8rem; color: var(--lp-orange); margin-bottom: 12px; }
.lp-feature p { color: var(--lp-muted); font-size: .92rem; min-height: 66px; }

/* advantage */
.lp-points { list-style: none; padding: 0; margin: 20px 0 0; }
.lp-points li { display: flex; gap: 16px; margin-bottom: 22px; }
.lp-points li > i { flex: 0 0 46px; height: 46px; border-radius: 12px; background: #fff1e5; color: var(--lp-orange); display: flex; align-items: center; justify-content: center; font-size: 1.2rem; }
.lp-points strong { display: block; }
.lp-points span { color: var(--lp-muted); font-size: .93rem; }

/* call to action */
.lp-cta { padding: 60px 0; background: linear-gradient(135deg, var(--lp-dark), #5a3a1e); color: #fff; }
.lp-cta h2 { color: #fff; }
.lp-cta p { color: #e7d9cc; }
.lp-cta .lp-btn-outline { border-color: #fff; color: #fff !important; }
.lp-cta .lp-btn-outline:hover { background: #fff; color: var(--lp-dark) !important; }

/* footer */
.lp-footer { background: var(--lp-dark); color: #c9c6c8; padding: 48px 0 20px; }
.lp-footer h6 { color: #fff; text-transform: uppercase; letter-spacing: .05em; font-size: .85rem; margin-bottom: 14px; }
.lp-footer a { color: #c9c6c8; }
.lp-footer a:hover { color: var(--lp-orange); text-decoration: none; }
.lp-footer li { margin-bottom: 8px; }
.lp-footer i { color: var(--lp-orange); width: 18px; }
.lp-copy { border-top: 1px solid #3a3739; margin-top: 18px; padding-top: 16px; font-size: .85rem; }

@media (max-width: 767px) {
    .lp-hero { padding: 40px 0 32px; }
    .lp-hero h1 { font-size: 2rem; }
    .lp-section { padding: 44px 0; }
}