/* ============================================================
   Sevetu — service landing pages
   Reuses tokens.css + fiel.css (nav, buttons, steps, faq, cats,
   trust-row, footer). Only landing-specific layout lives here.
   ============================================================ */

.lp-hero{
  background:
    radial-gradient(820px 460px at 82% -10%, var(--sv-indigo-50) 0%, rgba(240,242,250,0) 60%),
    linear-gradient(180deg, var(--sv-sand-0) 0%, var(--sv-sand-50) 100%);
  margin-top:calc(-1 * var(--nav-h));
  padding:calc(var(--nav-h) + 48px) 0 60px;
  text-align:center;
}
.lp-hero .lp-icon{
  width:64px;height:64px;margin:0 auto 20px;border-radius:18px;
  background:var(--sv-indigo-50);color:var(--sv-indigo-600);
  display:flex;align-items:center;justify-content:center;
}
.lp-hero .lp-icon svg{width:32px;height:32px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.lp-hero .eyebrow{margin-bottom:18px;}
.lp-hero h1{font-size:46px;font-weight:600;letter-spacing:-.02em;line-height:1.08;max-width:840px;margin:0 auto;color:var(--sv-sand-900);}
.lp-hero h1 .hl{color:var(--sv-indigo-600);}
.lp-hero .sub{max-width:620px;margin:18px auto 0;}
.lp-ctas{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:30px;}
.lp-ctas .store-btn{min-width:206px;padding-top:12px;padding-bottom:12px;}
.lp-hero .trust-row{justify-content:center;margin-top:26px;}

.lp-section{padding:66px 0;}
.lp-section.alt{background:var(--sv-sand-0);}
.lp-section .sec-head{margin-bottom:8px;}

.lp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px;}
.lp-feature{
  background:var(--sv-sand-0);border:1px solid var(--sv-border-default);
  border-radius:18px;padding:20px 22px;display:flex;gap:12px;align-items:center;
  box-shadow:var(--sv-shadow-sm);
}
.lp-feature .tick{flex-shrink:0;width:28px;height:28px;border-radius:9px;background:var(--sv-indigo-50);color:var(--sv-indigo-600);display:flex;align-items:center;justify-content:center;}
.lp-feature .tick svg{width:16px;height:16px;stroke:currentColor;stroke-width:2.6;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.lp-feature span{font-size:14.5px;font-weight:500;color:var(--sv-sand-900);line-height:1.4;}

/* "Why Sevetu" cards */
.lp-card{background:var(--sv-sand-0);border:1px solid var(--sv-border-default);border-radius:20px;padding:26px;box-shadow:var(--sv-shadow-md);text-align:left;}
.lp-card .lp-card-ic{width:44px;height:44px;border-radius:12px;background:var(--sv-indigo-50);color:var(--sv-indigo-600);display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.lp-card .lp-card-ic svg{width:22px;height:22px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.lp-card h3{font-size:17px;font-weight:600;margin-bottom:8px;letter-spacing:-.01em;color:var(--sv-sand-900);}
.lp-card p{font-size:14px;color:var(--sv-sand-600);line-height:1.6;}

/* CTA band before the footer */
.lp-band{background:var(--sv-indigo-900);color:#fff;text-align:center;padding:66px 0;}
.lp-band .h2{color:#fff;}
.lp-band .sub{color:var(--sv-indigo-200);max-width:560px;margin:12px auto 0;}
.lp-band .btn{margin-top:28px;}
.lp-band .btn-accent{background:var(--sv-gold-400);color:var(--sv-indigo-900);}

/* Related services */
.lp-related{padding:64px 0;background:var(--sv-sand-0);}
.lp-related .cats{grid-template-columns:repeat(4,1fr);}
a.cat{text-decoration:none;color:inherit;display:block;transition:transform var(--sv-motion-base) var(--sv-motion-ease),box-shadow var(--sv-motion-base) var(--sv-motion-ease);}
a.cat:hover{transform:translateY(-3px);box-shadow:var(--sv-shadow-lg);}

@media (max-width:900px){
  .lp-hero h1{font-size:38px;}
  .lp-grid{grid-template-columns:repeat(2,1fr);}
  .lp-related .cats{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:560px){
  .lp-hero{padding-top:calc(var(--nav-h) + 24px);padding-bottom:48px;}
  .lp-hero h1{font-size:31px;}
  .lp-ctas{flex-direction:column;align-items:stretch;}
  .lp-ctas .btn,.lp-ctas .store-btn{width:100%;justify-content:center;}
  .lp-section,.lp-band,.lp-related{padding:48px 0;}
  .lp-grid{grid-template-columns:1fr;}
  .lp-related .cats{grid-template-columns:1fr 1fr;}
}