/* ============ Service landing pages ============ */
.lp a{color:inherit;text-decoration:none}
.lp-header{border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(14px)}
.lp-header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.lp-nav{display:flex;gap:26px;font-size:12px;color:var(--palette-b1b7ae,#b1b7ae)}
.lp-nav a:hover{color:var(--text)}
.lp-cta-small{font-size:12px;font-weight:700;padding:11px 18px;border:1px solid var(--line);border-radius:30px;transition:border-color .2s,background .2s}
.lp-cta-small:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}
.lp-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;min-height:calc(100svh - 77px);padding-top:40px;padding-bottom:60px}
.lp-crumbs{display:flex;gap:8px;font-size:11px;color:var(--palette-7c8d6e,#7c8d6e);margin-bottom:34px}
.lp-crumbs a:hover{color:var(--accent)}
.lp-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block}
.lp h1{font-size:clamp(44px,6.2vw,86px);line-height:.95;letter-spacing:-.045em;font-weight:400;margin:0 0 26px}
.lp h1 span{display:block;color:var(--palette-91998e,#91998e)}
.lp-lead{font-size:16px;line-height:1.75;color:var(--palette-a2ac99,#a2ac99);max-width:540px;margin:0 0 32px}
.lp-actions{display:flex;flex-wrap:wrap;gap:12px}
.lp-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 22px;border-radius:12px;background:var(--accent);color:var(--bg)!important;font-weight:700;font-size:14px;transition:transform .2s,box-shadow .2s}
.lp-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px color-mix(in srgb,var(--accent) 30%,transparent)}
.lp-btn.ghost{background:transparent;color:var(--text)!important;border:1px solid var(--line)}
.lp-btn.ghost:hover{border-color:var(--accent);box-shadow:none}
.lp-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.lp-price{margin:22px 0 0;font-size:13px;color:var(--palette-979f91,#979f91)}
.lp-price b{color:var(--text);font-weight:700}
.lp-hero-visual{position:relative;display:grid;place-items:center;perspective:1200px;min-height:520px;
  background:radial-gradient(60% 60% at 50% 50%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%)}
.lp-card-wrap{width:min(290px,62%);transform:rotateX(12deg) rotateY(-14deg) rotateZ(-5deg);animation:lp-float 6s ease-in-out infinite;filter:drop-shadow(0 34px 40px #000c);transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.lp-hero-visual:hover .lp-card-wrap{transform:rotateX(4deg) rotateZ(-3deg) scale(1.03)}
.lp-hero-visual:hover .nfc-face:after{transform:translateX(80%)}
@keyframes lp-float{0%,100%{translate:0 0}50%{translate:0 -12px}}
.lp-card-shadow{position:absolute;bottom:40px;left:25%;right:25%;height:18px;border-radius:50%;background:#000;filter:blur(16px);opacity:.6}
.lp-section{padding-top:70px;padding-bottom:20px;border-top:1px solid var(--line)}
.lp-section h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.03em;font-weight:400;margin:0 0 34px}
.lp-benefits{list-style:none;padding:0;margin:0 0 50px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.lp-benefits li{border:1px solid var(--line);border-radius:14px;padding:24px;background:var(--palette-0e100e,#0e100e)}
.lp-ico{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);margin-bottom:18px}
.lp-ico svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.lp-benefits h3,.lp-steps h3{font-size:18px;font-weight:600;margin:0 0 8px;letter-spacing:-.01em}
.lp-benefits p,.lp-steps p{font-size:13px;line-height:1.7;color:var(--palette-979f91,#979f91);margin:0}
.lp-steps{list-style:none;padding:0;margin:0 0 50px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lp-steps li{padding:26px 0 0;border-top:2px solid var(--accent)}
.lp-step-n{display:block;font-size:12px;color:var(--accent);letter-spacing:.1em;margin-bottom:14px}
.lp-who{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:50px}
.lp-who span{font-size:14px;padding:12px 18px;border:1px solid var(--line);border-radius:30px;color:var(--palette-ccd9c0,#ccd9c0)}
.lp-pricing{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:70px}
.lp-pricing h2{margin-bottom:16px}
.lp-pricing p{font-size:14px;line-height:1.75;color:var(--palette-a2ac99,#a2ac99);max-width:720px;margin:0}
.lp-faq{margin-bottom:50px;max-width:900px}
.lp-faq details{border-bottom:1px solid var(--line)}
.lp-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:18px}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary i{width:14px;height:14px;position:relative;flex-shrink:0}
.lp-faq summary i:before,.lp-faq summary i:after{content:'';position:absolute;left:0;right:0;top:50%;height:1.5px;background:var(--accent);transition:transform .3s}
.lp-faq summary i:after{transform:rotate(90deg)}
.lp-faq details[open] summary i:after{transform:rotate(0)}
.lp-faq p{font-size:14px;line-height:1.75;color:var(--palette-a2ac99,#a2ac99);margin:0 0 22px;max-width:760px}
.lp-final{text-align:center;padding-bottom:80px}
.lp-final h2{margin-bottom:12px}
.lp-final>p{color:var(--palette-a2ac99,#a2ac99);margin:0 0 26px;font-size:15px}
.lp-others{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:40px}
.lp-others a{display:inline-flex;align-items:center;gap:8px;font-size:13px;padding:11px 16px;border:1px solid var(--line);border-radius:30px;transition:border-color .2s}
.lp-others a:hover{border-color:var(--accent)}
.lp-others svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8}
@media(max-width:980px){
  .lp-hero{grid-template-columns:1fr;min-height:0;padding-top:30px}
  .lp-hero-visual{min-height:300px;order:-1}
  .lp-benefits{grid-template-columns:1fr 1fr}
  .lp-nav{display:none}
}
@media(max-width:660px){
  .container{padding-left:20px;padding-right:20px}
  .lp-benefits,.lp-steps{grid-template-columns:1fr}
  .lp-pricing{flex-direction:column;align-items:flex-start}
  .lp-cta-small{display:none}
  .lp-lead{font-size:15px}
  .lp-actions .lp-btn{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.lp-card-wrap{animation:none}}
@media(max-width:660px){.lp-hero-visual{min-height:400px}.lp-card-wrap{width:min(210px,56%)}}