/* Landing pages — extends Nar Global Medya design system */
.lp-page { background: var(--black); color: var(--white); }
.lp-nav .nav-item { min-height: 46px; }
.lp-mobile-cta { margin: 0 14px 0 auto; align-self: center; }
.lp-main { overflow: hidden; background: radial-gradient(circle at 72% 8%, rgba(196,30,58,.18), transparent 36%), var(--black); }
.lp-hero { min-height: 92vh; padding: 112px var(--site-margin) 56px; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr); gap: clamp(32px, 6vw, 86px); align-items: center; border-bottom: 1px solid rgba(255,255,255,.12); position: relative; }
.lp-hero::before { content:''; position:absolute; inset:0; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 56px 56px; mask-image: radial-gradient(circle at 50% 10%, black, transparent 72%); pointer-events:none; }
.lp-kicker { font-family: var(--font-mono); color: var(--nar-glow); letter-spacing: .18em; font-size: .78rem; margin-bottom: 22px; text-transform: uppercase; }
.lp-hero h1 { font-family: var(--font-display); font-size: clamp(3.2rem, 8.8vw, 8.8rem); line-height: .86; letter-spacing: -.08em; max-width: 980px; position:relative; z-index:1; }
.lp-hero h1 em { color: var(--nar-red); font-style: normal; }
.lp-lead { max-width: 760px; margin-top: 28px; color: rgba(255,255,255,.72); font-size: clamp(1.05rem, 1.6vw, 1.35rem); line-height: 1.55; font-weight: 300; position:relative; z-index:1; }
.lp-actions { display:flex; gap: 14px; flex-wrap: wrap; margin-top: 34px; position:relative; z-index:1; }
.lp-primary { background: var(--nar-red); color: var(--white); padding: 14px 20px; border-radius: 999px; font-family: var(--font-mono); font-size: .78rem; letter-spacing:.08em; font-weight:700; transition: transform .2s ease, background .2s ease; }
.lp-primary:hover { transform: translateY(-2px); background: var(--nar-glow); }
.lp-secondary { border:1px solid rgba(255,255,255,.22); color: var(--white); padding: 14px 20px; border-radius: 999px; font-family: var(--font-mono); font-size: .78rem; letter-spacing:.08em; }
.lp-visual { position:relative; min-height: 520px; display:grid; place-items:center; z-index:1; }
.lp-visual img { width:min(620px,100%); filter: drop-shadow(0 28px 70px rgba(196,30,58,.28)); transform: rotate(-2deg); }
.lp-visual video { width:min(620px,100%); border:1px solid rgba(255,255,255,.1); border-radius:6px; filter: drop-shadow(0 28px 70px rgba(196,30,58,.28)); }
.lp-orbit { position:absolute; border:1px solid rgba(255,255,255,.14); background: rgba(15,15,15,.78); backdrop-filter: blur(12px); padding: 12px 14px; font-family: var(--font-mono); font-size:.72rem; letter-spacing:.08em; color:rgba(255,255,255,.8); }
.lp-orbit b { color:var(--nar-glow); display:block; font-family:var(--font-display); font-size:1.1rem; letter-spacing:-.03em; }
.lp-orbit.one { top: 8%; right: 6%; } .lp-orbit.two { left: 0; bottom: 18%; } .lp-orbit.three { right: 0; bottom: 2%; }
.lp-strip { display:grid; grid-template-columns: repeat(4, 1fr); border-bottom:1px solid rgba(255,255,255,.12); border-top:1px solid rgba(255,255,255,.12); }
.lp-strip div { padding: 24px var(--site-margin); border-right:1px solid rgba(255,255,255,.1); }
.lp-strip b { display:block; font-family:var(--font-display); font-size:clamp(1.9rem,3vw,3.4rem); color:var(--nar-red); line-height:1; } .lp-strip span { font-family:var(--font-mono); font-size:.7rem; letter-spacing:.12em; color:rgba(255,255,255,.58); }
.lp-section { padding: clamp(72px, 9vw, 128px) var(--site-margin); border-bottom:1px solid rgba(255,255,255,.08); position:relative; }
.lp-section.alt { background:#ededed; color:var(--black); }
.lp-section-head { display:grid; grid-template-columns: .38fr .62fr; gap:42px; margin-bottom:54px; align-items:start; }
.lp-num { font-family:var(--font-mono); color:var(--nar-red); font-size:.82rem; letter-spacing:.14em; }
.lp-section h2 { font-family:var(--font-display); font-size:clamp(2.4rem,5.2vw,6.4rem); line-height:.9; letter-spacing:-.07em; }
.lp-section-head p { color:rgba(255,255,255,.58); max-width:680px; line-height:1.55; font-weight:300; }
.lp-section.alt .lp-section-head p, .lp-section.alt .lp-card p, .lp-section.alt .lp-list li { color:rgba(10,10,10,.64); }
.lp-grid { display:grid; grid-template-columns: repeat(3, 1fr); gap:12px; }
.lp-card { min-height: 260px; background:#121212; border:1px solid rgba(255,255,255,.1); padding:26px; display:flex; flex-direction:column; justify-content:space-between; position:relative; overflow:hidden; }
.lp-section.alt .lp-card { background:#fff; border-color:rgba(0,0,0,.08); }
.lp-card::after { content:''; position:absolute; inset:auto -18% -34% auto; width:190px; height:190px; background:radial-gradient(circle, rgba(196,30,58,.22), transparent 68%); }
.lp-card small { font-family:var(--font-mono); color:var(--nar-red); letter-spacing:.15em; font-size:.7rem; }
.lp-card h3 { font-family:var(--font-display); font-size:clamp(1.45rem,2.2vw,2.2rem); line-height:1; letter-spacing:-.05em; margin:18px 0 12px; }
.lp-card p, .lp-list li { font-size:1rem; line-height:1.55; color:rgba(255,255,255,.66); font-weight:300; }
.lp-split { display:grid; grid-template-columns: .9fr 1.1fr; gap:56px; align-items:center; }
.lp-media { position:relative; min-height:420px; display:grid; place-items:center; }
.lp-media img, .lp-media video { max-width:100%; border-radius:4px; border:1px solid rgba(255,255,255,.1); background:#111; }
.lp-list { display:grid; gap:14px; list-style:none; margin-top:24px; }
.lp-list li { padding-left:26px; position:relative; } .lp-list li::before { content:'↗'; position:absolute; left:0; color:var(--nar-red); }
.lp-cta { padding: 110px var(--site-margin) 130px; background: linear-gradient(160deg, #7d1325, #c41e3a 48%, #23070c); display:grid; grid-template-columns:1fr auto; gap:34px; align-items:end; }
.lp-cta h2 { font-family:var(--font-display); font-size:clamp(3rem,8vw,8rem); line-height:.86; letter-spacing:-.08em; }
.lp-cta p { margin-top:22px; max-width:620px; color:rgba(255,255,255,.72); line-height:1.55; }
.lp-footer { background:#060606; border-top:1px solid rgba(255,255,255,.12); padding:28px var(--site-margin); display:grid; grid-template-columns:1fr 2fr 1fr; gap:20px; align-items:center; color:rgba(255,255,255,.46); font-size:.76rem; }
.lp-footer-brand span { font-family:var(--font-display); color:#fff; font-weight:800; font-size:1.1rem; } .lp-footer-brand small { margin-left:8px; }
.lp-footer-links { display:flex; gap:20px; justify-content:center; flex-wrap:wrap; } .lp-footer-links a:hover { color:#fff; }
@media (max-width: 980px){ .lp-hero,.lp-section-head,.lp-split,.lp-cta { grid-template-columns:1fr; } .lp-grid,.lp-strip { grid-template-columns:1fr 1fr; } .lp-visual{min-height:360px;} .lp-footer{grid-template-columns:1fr;} .lp-footer-links{justify-content:flex-start;} }
@media (max-width: 640px){ .lp-hero,.lp-section,.lp-cta{padding-left:22px;padding-right:22px;} .lp-strip{grid-template-columns:1fr;} .lp-strip div{padding:20px 22px;} .lp-grid{grid-template-columns:1fr;} .navbar-menu{display:none;} .navbar-mobile{display:flex;align-items:center;justify-content:space-between;background:var(--dark);min-height:52px;padding:0 14px;} .lp-hero h1{font-size:clamp(3rem,18vw,5rem);} }