/* Landing page styles for service/blog pages */
.landing-body { cursor: auto; }
.landing-wrap { min-height: 100vh; background: var(--bg); color: var(--text); }
.landing-nav { position: sticky; top: 0; z-index: 50; display:flex; justify-content:space-between; align-items:center; gap:18px; padding:18px 5vw; background:rgba(8,10,10,.82); backdrop-filter: blur(16px); border-bottom:1px solid var(--border); }
[data-theme="light"] .landing-nav { background:rgba(255,255,255,.9); }
.landing-logo { display:flex; align-items:center; gap:12px; font-weight:800; letter-spacing:.06em; }
.landing-logo img { width:46px; height:46px; object-fit:contain; }
.landing-nav-actions { display:flex; flex-wrap:wrap; gap:10px; }
.landing-hero { padding:90px 5vw 64px; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr); gap:46px; align-items:center; background: radial-gradient(circle at 15% 20%, rgba(32,96,216,.23), transparent 32%), radial-gradient(circle at 80% 5%, rgba(82,184,42,.18), transparent 30%), var(--bg); }
.landing-kicker { color:#52b82a; font-weight:800; text-transform:uppercase; font-size:12px; letter-spacing:.2em; }
.landing-hero h1 { font-size:clamp(36px,6vw,72px); line-height:1.02; margin:18px 0; }
.landing-hero p { color:var(--text2); line-height:1.9; font-size:15px; max-width:720px; }
.landing-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:30px; }
.landing-card { border:1px solid var(--border2); background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025)); padding:28px; border-radius:24px; box-shadow:var(--shadow-lg); }
.landing-form { display:grid; gap:14px; }
.landing-form input,.landing-form textarea,.landing-form select { width:100%; border:1px solid var(--border2); background:rgba(255,255,255,.06); color:var(--text); padding:14px 15px; border-radius:12px; font-family:inherit; }
.landing-form textarea { min-height:115px; resize:vertical; }
.landing-section { padding:70px 5vw; }
.landing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:34px; }
.landing-feature { padding:24px; border:1px solid var(--border2); background:rgba(255,255,255,.04); border-radius:20px; }
.landing-feature h3 { margin-bottom:12px; }
.landing-feature p,.landing-feature li { color:var(--text2); font-size:14px; line-height:1.8; }
.faq-list { display:grid; gap:14px; margin-top:26px; }
.faq-item { border:1px solid var(--border2); background:rgba(255,255,255,.04); padding:20px; border-radius:16px; }
.faq-item strong { display:block; margin-bottom:8px; }
.blog-article { max-width:900px; margin:0 auto; }
.blog-article h1 { font-size:clamp(34px,5vw,60px); line-height:1.08; margin:22px 0; }
.blog-article h2 { margin-top:36px; font-size:28px; }
.blog-article p,.blog-article li { color:var(--text2); line-height:1.9; font-size:15px; }
.blog-article ul { padding-left:20px; margin-top:14px; }
.landing-footer { padding:28px 5vw; border-top:1px solid var(--border); color:var(--text2); display:flex; justify-content:space-between; gap:18px; flex-wrap:wrap; }
@media(max-width:900px){.landing-hero,.landing-grid{grid-template-columns:1fr}.landing-nav{align-items:flex-start;flex-direction:column}.landing-nav-actions{width:100%}.landing-nav-actions .btn-outline,.landing-nav-actions .btn-primary{flex:1}.landing-hero{padding-top:54px}}