/* Focused conversion pages for Kosmo Digital services */
.landing-page{background:var(--bg);color:var(--text)}
.landing-nav{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--line);background:rgba(11,16,36,.96);backdrop-filter:blur(18px)}
.landing-nav-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.landing-nav .brand-logo img{width:174px;height:auto;display:block}
.landing-nav-actions{display:flex;align-items:center;gap:18px}
.landing-home,.landing-back{font-size:13px;font-weight:800;color:#c7cee3}
.landing-home{padding:8px 12px;border:1px solid rgba(157,124,255,.28);border-radius:999px;background:rgba(157,124,255,.07)}
.landing-home:hover,.landing-back:hover{color:#fff}
.lp-hero{position:relative;overflow:hidden;padding:90px 0 68px;border-bottom:1px solid var(--line);background:var(--bg)}
.lp-hero:after{content:"";position:absolute;right:-130px;top:-160px;width:520px;height:520px;border:1px solid rgba(157,124,255,.13);border-radius:50%;box-shadow:0 0 0 72px rgba(94,231,255,.025),0 0 0 148px rgba(157,124,255,.02)}
.lp-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:72px;align-items:center}
.lp-hero h1{font-size:clamp(52px,6.6vw,92px);line-height:.98;letter-spacing:-.058em;max-width:880px;margin:24px 0}
.lp-hero .lead{max-width:760px;font-size:clamp(18px,2vw,24px);line-height:1.6}
.lp-trust{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.lp-trust span{padding:9px 12px;border:1px solid var(--line);border-radius:999px;color:#cbd2e3;background:rgba(255,255,255,.022);font-size:11px;font-weight:800}
.lp-offer-card{padding:30px;border:1px solid rgba(157,124,255,.3);border-radius:28px;background:linear-gradient(155deg,rgba(157,124,255,.12),rgba(94,231,255,.035) 48%,rgba(255,255,255,.025));box-shadow:0 24px 80px rgba(0,0,0,.3)}
.lp-offer-card.theme-card{background:radial-gradient(circle at 100% 0%,var(--theme-tint),transparent 43%),linear-gradient(150deg,rgba(20,25,48,.97),rgba(9,12,27,.985) 70%);border-color:rgba(133,156,214,.22)}
.lp-offer-card h2{font-size:28px;margin:20px 0 0}
.lp-price{font-size:clamp(38px,4vw,58px);font-weight:950;letter-spacing:-.045em;margin:18px 0 4px}
.lp-price-note{color:#cbd3e5;font-size:12px;line-height:1.7;margin-bottom:10px;font-weight:600}
.lp-offer-card .features{margin:18px 0 24px}
.lp-offer-card .btn{width:100%}
.lp-section{padding:88px 0;border-bottom:1px solid var(--line)}
.lp-section.band{background:var(--bg)}
.lp-section-head{max-width:820px;margin-bottom:var(--gap-content)}
.lp-section h2{font-size:clamp(38px,4.8vw,66px);line-height:1.04;letter-spacing:-.045em;margin:12px 0 16px}
.lp-section-copy{font-size:18px;line-height:1.7;color:var(--muted);max-width:760px;margin:0}
.lp-outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-cards)}
.lp-outcome{min-height:230px;padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.018))}
.lp-outcome strong{display:block;font-size:11px;letter-spacing:.14em;color:#b19fe5;margin-bottom:20px}
.lp-outcome h3{font-size:24px;line-height:1.15;margin:0 0 var(--gap-copy)}
.lp-outcome p{color:#c3cadc;line-height:1.7;margin:0}
.lp-process{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-cards);counter-reset:lp-step}
.lp-step{position:relative;min-height:220px;padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(155deg,rgba(20,28,54,.88),rgba(10,15,32,.96));counter-increment:lp-step}
.lp-step:before{content:"0" counter(lp-step);display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,rgba(142,120,214,.18),rgba(255,255,255,.045));color:#d6cdef;font-size:12px;font-weight:900}
.lp-step h3{font-size:23px;margin:20px 0 var(--gap-copy)}
.lp-step p{color:#c3cadc;line-height:1.7;margin:0}
.lp-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-cards)}
.lp-detail{padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(155deg,rgba(20,28,54,.78),rgba(10,15,32,.94))}
.lp-detail h3{font-size:25px;margin:0 0 var(--gap-copy)}
.lp-detail p{color:#c3cadc;line-height:1.7;margin:0}
.lp-faq{display:grid;gap:12px;max-width:900px}
.lp-faq details{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.022);padding:20px 22px}
.lp-faq summary{cursor:pointer;font-weight:850;color:#f5f6ff}
.lp-faq p{color:#c3cadc;line-height:1.75;margin:14px 0 0}
.lp-final{padding:88px 0}
.lp-final-card{padding:54px;border:1px solid rgba(157,124,255,.3);border-radius:32px;background:radial-gradient(circle at 90% 10%,rgba(94,231,255,.11),transparent 34%),linear-gradient(135deg,rgba(157,124,255,.14),rgba(255,255,255,.025))}
.lp-final-card h2{font-size:clamp(42px,5vw,70px);line-height:1.02;letter-spacing:-.05em;margin:0 0 18px;max-width:900px}
.lp-final-card p{font-size:19px;line-height:1.7;color:#c9d0e1;max-width:720px}
.lp-mini-footer{padding:34px 0;border-top:1px solid var(--line);color:#b8c1d7;font-size:12px}
.lp-mini-footer .container{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.lp-mini-footer-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.lp-mini-footer .footer-socials{gap:8px;margin-top:0}
.lp-mini-footer .footer-social-link{width:32px;height:32px;flex-basis:32px}
.lp-mini-footer .footer-social-link svg{width:15px;height:15px}
@media(max-width:900px){
  .lp-hero-grid,.lp-detail-grid{grid-template-columns:1fr}
  .lp-hero-grid{gap:42px}
  .lp-outcomes,.lp-process{grid-template-columns:1fr 1fr}
  .lp-hero{padding-top:70px}
}
@media(max-width:620px){
  .landing-nav-inner{min-height:70px}
  .landing-nav .brand-logo img{width:140px}
  .landing-back{display:none}
  .landing-nav-actions{gap:8px}
  .landing-nav .btn{padding:11px 14px;font-size:12px}
  .lp-hero{padding:54px 0 44px}
  .lp-hero h1{font-size:47px}
  .lp-outcomes,.lp-process{grid-template-columns:1fr}
  .lp-hero-grid{gap:32px}
  .lp-section{padding:60px 0}
  .lp-section-head{margin-bottom:28px}
  .lp-final{padding:60px 0}
  .lp-final-card{padding:34px 24px}
  .lp-mini-footer{padding:28px 0}
}

/* Light-theme conversion pages: same layout, high-contrast monochrome surfaces. */
html[data-theme="light"] .landing-page,
html[data-theme="light"] .lp-hero,
html[data-theme="light"] .lp-section,
html[data-theme="light"] .lp-section.band,
html[data-theme="light"] .lp-final{background:#fff;color:#111}
html[data-theme="light"] .landing-nav{background:rgba(255,255,255,.96);border-color:rgba(17,17,17,.14);box-shadow:0 8px 30px rgba(17,17,17,.035)}
html[data-theme="light"] .landing-home,
html[data-theme="light"] .landing-back{color:#26262b}
html[data-theme="light"] .landing-home{background:#f7f7f4;border-color:rgba(17,17,17,.16)}
html[data-theme="light"] .landing-home:hover,
html[data-theme="light"] .landing-back:hover{color:#000}
html[data-theme="light"] .lp-hero:after{border-color:rgba(104,72,217,.14);box-shadow:0 0 0 72px rgba(12,155,183,.025),0 0 0 148px rgba(104,72,217,.02)}
html[data-theme="light"] .lp-trust span{color:#34343a;background:#fafaf8;border-color:rgba(17,17,17,.14)}
html[data-theme="light"] .lp-offer-card,
html[data-theme="light"] .lp-offer-card.theme-card{background:radial-gradient(circle at 100% 0%,rgba(12,155,183,.07),transparent 42%),linear-gradient(150deg,#fafaf8,#f1f1ee 72%);border-color:rgba(17,17,17,.15);box-shadow:0 24px 70px rgba(17,17,17,.09)}
html[data-theme="light"] .lp-price-note,
html[data-theme="light"] .lp-section-copy,
html[data-theme="light"] .lp-outcome p,
html[data-theme="light"] .lp-step p,
html[data-theme="light"] .lp-detail p,
html[data-theme="light"] .lp-faq p,
html[data-theme="light"] .lp-final-card p{color:#505057}
html[data-theme="light"] .lp-outcome,
html[data-theme="light"] .lp-step,
html[data-theme="light"] .lp-detail,
html[data-theme="light"] .lp-faq details{background:#f8f8f5;border-color:rgba(17,17,17,.14)}
html[data-theme="light"] .lp-outcome strong{color:#6849bd}
html[data-theme="light"] .lp-step:before{color:#513a97;background:#e9e5f7}
html[data-theme="light"] .lp-faq summary{color:#151518}
html[data-theme="light"] .lp-final-card{background:radial-gradient(circle at 90% 10%,rgba(12,155,183,.08),transparent 34%),linear-gradient(135deg,#fafaf8,#f0efec);border-color:rgba(104,72,217,.22)}
html[data-theme="light"] .lp-mini-footer{color:#505057;border-color:rgba(17,17,17,.14)}
@media(max-width:620px){
  .landing-nav .theme-toggle{position:fixed;top:82px;right:13px;z-index:120;background:rgba(11,16,36,.96)}
  html[data-theme="light"] .landing-nav .theme-toggle{background:rgba(255,255,255,.96)}
}
