/* ── Design Tokens ─────────────────────────────────────────────────────────── */
:root {
    --g-green:        #1a5276;
    --g-green-dark:   #0d2535;
    --g-green-light:  #d4e8f5;
    --g-green-pale:   #eef5fb;
    --g-ink:          #0f172a;
    --g-teal:         #0f766e;
    --g-sky:          #0ea5e9;
    --g-saffron:      #f7c948;
    --g-saffron-dark: #d4a800;
    --g-saffron-light:#fff8dc;
    --g-red:          #DC2626;
    --g-red-light:    #FEF2F2;
    --g-text:         #111827;
    --g-text-2:       #374151;
    --g-muted:        #6B7280;
    --g-border:       #E5E7EB;
    --g-bg-alt:       #F9FAFB;
    --g-bg-alt2:      #F3F4F6;
    --g-surface:      #f8fafc;
    --g-white:        #FFFFFF;
    --g-shadow:       0 12px 30px rgba(15,23,42,.07);
    --g-shadow-lg:    0 22px 54px rgba(15,23,42,.12);
    --g-radius:       12px;
    --g-radius-sm:    8px;
    --g-max:          1180px;
}
/* `clip`, not `hidden`: overflow-x:hidden on html/body turns them into scroll
   containers, which silently kills the sticky header. `clip` cuts the same
   horizontal overflow without that side effect. */
html, body { max-width:100%; overflow-x:clip; }

/* ── Interaction feedback ──────────────────────────────────────────────────────
   Every button/card/link on this page gets a visible keyboard-focus ring and a
   tactile "pressed" state on tap/click — previously only :hover was styled, so
   keyboard users had no focus indicator and taps felt static on touch devices. */
a:focus-visible, button:focus-visible, input:focus-visible {
    outline:2px solid #0ea5e9;
    outline-offset:2px;
    border-radius:4px;
}
.hbtn:active, .hcard-cta:active, .ls2-role-btn:active, .ls2-chip:active,
.ls2-svc-card:active, .svc-cat:active, .ls2-qab-item:active, .ls2-finder-row:active,
.ls2-onb-card:active, .ls2-search-btn:active {
    transform:scale(.97);
    transition-duration:.08s;
}

/* ── Shared Layout ─────────────────────────────────────────────────────────── */
.pg-section { max-width:var(--g-max); margin:0 auto; padding:68px 22px; }
.pg-section--alt { background:var(--g-bg-alt); }
.pg-section--alt2 { background:var(--g-bg-alt2); }
@supports (content-visibility:auto) {
    .pg-section {
        content-visibility:auto;
        contain-intrinsic-size:auto 620px;
    }
}
.sec-label {
    display:inline-block;
    background:#ecfeff;
    color:#155e75;
    font-size:.75rem;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:1px;
    padding:5px 14px;
    border-radius:999px;
    margin-bottom:14px;
    border:1px solid #bae6fd;
}
.sec-head { text-align:center; margin-bottom:44px; }
.sec-head h2 {
    font-size:clamp(1.55rem,3.2vw,2.1rem);
    font-weight:800;
    color:var(--g-text);
    margin:0 0 10px;
    line-height:1.25;
}
.sec-head p { color:var(--g-muted); font-size:1rem; margin:0; max-width:560px; margin-inline:auto; line-height:1.7; }

/* ── HERO ──────────────────────────────────────────────────────────────────── */
.hero {
    background: linear-gradient(115deg, #0d2535 0%, #1a5276 48%, #0f766e 100%);
    position:relative;
    overflow:hidden;
    padding:0;
}
.hero::before {
    content:'';
    position:absolute;
    inset:0;
    background:
        radial-gradient(560px circle at 88% -10%, rgba(255,228,138,.16), transparent 60%),
        radial-gradient(620px circle at -6% 108%, rgba(14,165,233,.18), transparent 60%),
        radial-gradient(520px circle at 50% 45%, rgba(45,212,191,.09), transparent 65%);
    pointer-events:none;
    animation:lsHeroGlow 7s ease-in-out infinite;
}
@keyframes lsHeroGlow { 0%,100% { opacity:1; } 50% { opacity:.7; } }
@media (prefers-reduced-motion:reduce) { .hero::before { animation:none; } }
.hero::after {
    content:'';
    position:absolute;
    inset:auto 0 0 0;
    height:120px;
    background:linear-gradient(180deg, rgba(248,250,252,0), rgba(248,250,252,.12));
    pointer-events:none;
}
.hero-inner {
    max-width:var(--g-max);
    margin:0 auto;
    padding:68px 22px 56px;
    display:grid;
    grid-template-columns:1fr 460px;
    gap:56px;
    align-items:center;
    position:relative;
    z-index:1;
}

/* Hero left */
.hero-eyebrow {
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.24);
    color:#e0f2fe;
    padding:6px 16px;
    border-radius:999px;
    font-size:.82rem;
    font-weight:700;
    margin-bottom:22px;
    letter-spacing:.5px;
}
.hero-eyebrow-dot { width:8px;height:8px;background:#FDE68A;border-radius:50%;animation:g-pulse 2s infinite; }
@keyframes g-pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(1.4)} }

.hero-h1 {
    font-size:clamp(2rem,4.2vw,3.2rem);
    font-weight:900;
    color:#FFFFFF;
    line-height:1.12;
    margin:0 0 6px;
}
.hero-h1-accent { color:#fde68a; }
.hero-sub {
    font-size:clamp(.92rem,1.8vw,1.08rem);
    color:rgba(255,255,255,.82);
    line-height:1.75;
    margin:0 0 8px;
    max-width:520px;
}
.hero-sub strong {
    color:#fde68a;
    font-weight:700;
}
.hero-desc {
    font-size:.95rem;
    color:rgba(255,255,255,.70);
    line-height:1.7;
    margin:0 0 28px;
    max-width:500px;
}
.hero-trust {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:28px;
}
.hero-trust-item {
    display:inline-flex;
    align-items:center;
    gap:7px;
    background:#ffffff;
    border:1px solid rgba(255,255,255,.6);
    color:#0d2535;
    padding:8px 14px;
    border-radius:10px;
    font-size:.82rem;
    font-weight:700;
    box-shadow:0 6px 16px rgba(0,0,0,.18);
}
.hero-trust-item .tick { color:#16a34a;font-size:1rem;font-weight:900; }

/* ── Hero trust strip — real numbers, sits under the v2 search hero to give
   a "safe to use" first impression before any click ── */
.hero-trust-strip { position:relative; border-top:1px solid rgba(255,255,255,.14); padding:20px 22px 28px; }
.hero-trust-strip-inner { max-width:var(--g-max); margin:0 auto; display:flex; flex-wrap:wrap; gap:10px 12px; justify-content:center; }
.hero-trust-strip .hero-trust-item { font-size:.82rem; }
.hero-btns { display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px; }
.hbtn {
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:13px 26px;
    border-radius:var(--g-radius-sm);
    font-weight:700;
    font-size:1rem;
    cursor:pointer;
    border:none;
    text-decoration:none;
    transition:transform .17s,box-shadow .17s,background .17s,border-color .17s;
    line-height:1;
}
.hbtn:hover { transform:translateY(-2px); }
.hbtn-primary {
    background:#facc15;
    color:#1C1917;
    box-shadow:0 12px 28px rgba(250,204,21,.28);
}
.hbtn-primary:hover { background:#fde047;box-shadow:0 14px 34px rgba(250,204,21,.38);color:#1C1917; }
.hbtn-outline {
    background:rgba(255,255,255,.1);
    color:#FFFFFF;
    border:2px solid rgba(255,255,255,.4);
}
.hbtn-outline:hover { background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.7);color:#fff; }
.hero-officer {
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.22);
    color:rgba(255,255,255,.85);
    padding:10px 18px;
    border-radius:var(--g-radius-sm);
    text-decoration:none;
    font-size:.88rem;
    font-weight:600;
    transition:background .17s;
}
.hero-officer:hover { background:rgba(255,255,255,.16);color:#fff; }
.hero-officer small { display:block;font-size:.73rem;font-weight:400;opacity:.7;line-height:1.2; }
.hero-officer-arrow { margin-left:4px;opacity:.6; }

/* Hero right card */
.hero-card {
    background:rgba(255,255,255,.97);
    border:1px solid rgba(255,255,255,.65);
    border-radius:16px;
    padding:24px;
    box-shadow:0 24px 70px rgba(15,23,42,.25);
    color:var(--g-text);
    backdrop-filter:blur(12px);
}
.hcard-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-bottom:16px;
}
.hcard-brand {
    width:44px;
    height:44px;
    object-fit:contain;
    border-radius:10px;
    border:1px solid var(--g-border);
    background:#fff;
    padding:4px;
    flex-shrink:0;
}
.hcard-title-wrap {
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
}
.hcard-head strong { font-size:.95rem;font-weight:800;color:var(--g-text); }
.hcard-head small { display:block;font-size:.74rem;color:var(--g-muted);margin-top:2px; }
.hcard-pill {
    background:var(--g-saffron-light);
    color:#92400E;
    border-radius:999px;
    padding:5px 11px;
    font-size:.74rem;
    font-weight:800;
    white-space:nowrap;
}
.hcard-tabs { display:flex;gap:7px;margin-bottom:13px; }
.hcard-tab {
    background:var(--g-bg-alt2);
    border:1px solid var(--g-border);
    border-radius:999px;
    color:var(--g-muted);
    font-size:.76rem;
    font-weight:700;
    padding:6px 11px;
    cursor:pointer;
    transition:background .15s;
}
.hcard-tab.on { background:var(--g-green);color:#fff;border-color:var(--g-green); }
.hcard-app {
    background:linear-gradient(180deg,#ffffff,#f8fafc);
    border:1px solid var(--g-border);
    border-radius:10px;
    padding:14px;
    margin-bottom:10px;
    box-shadow:0 4px 16px rgba(0,0,0,.05);
}
.hcard-app-head {
    display:flex;
    align-items:center;
    gap:10px;
    border-bottom:1px solid var(--g-border);
    padding-bottom:10px;
    margin-bottom:10px;
}
.hcard-seal {
    width:34px;height:34px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--g-green),var(--g-teal));
    color:#fff;
    display:grid;place-items:center;
    font-weight:900;
    font-size:.78rem;
    flex-shrink:0;
}
.hcard-app-title b { display:block;font-size:.88rem;font-weight:800; }
.hcard-app-title span { display:block;color:var(--g-muted);font-size:.72rem; }
.hcard-fields { display:grid;gap:5px; }
.hcard-field {
    display:grid;
    grid-template-columns:110px 1fr;
    gap:8px;
    align-items:center;
    border-bottom:1px dashed var(--g-border);
    padding:5px 0;
    font-size:.78rem;
}
.hcard-field:last-child { border-bottom:0; }
.hcard-field b { color:var(--g-text);font-weight:700; }
.hcard-field span {
    color:var(--g-text-2);
    background:var(--g-bg-alt);
    border:1px solid var(--g-border);
    border-radius:5px;
    padding:4px 7px;
    line-height:1.3;
}
.hcard-actions { display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px; }
.hcard-action {
    border:1px solid var(--g-border);
    border-radius:7px;
    padding:8px;
    text-align:center;
    color:var(--g-green);
    font-size:.78rem;
    font-weight:700;
    background:#ecfeff;
}
.hcard-cta {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    background:var(--g-green);
    color:#fff;
    border-radius:9px;
    padding:11px 14px;
    text-decoration:none;
    font-weight:700;
    font-size:.88rem;
    transition:background .15s;
}
.hcard-cta:hover { background:var(--g-green-dark);color:#fff; }

/* ── HERO PHOTO CARD ──────────────────────────────────────────────────────── */
.hero-photo-card {
    background: rgba(255,255,255,.97);
    border: 1px solid rgba(255,255,255,.65);
    border-radius: 20px;
    padding: 22px 22px 18px;
    box-shadow: 0 28px 75px rgba(15,23,42,.28);
    color: var(--g-text);
    backdrop-filter: blur(12px);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.hpc-glow {
    position: absolute;
    top: -60px; right: -60px;
    width: 200px; height: 200px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(26,82,118,.18) 0%, transparent 70%);
    pointer-events: none;
}
.hpc-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(90deg, #ecfeff, #e0f2fe);
    border: 1px solid #bae6fd;
    color: #0c4a6e;
    font-size: .78rem;
    font-weight: 800;
    padding: 6px 14px;
    border-radius: 999px;
    letter-spacing: .3px;
    align-self: flex-start;
}
.hpc-badge-dot {
    width: 7px; height: 7px;
    border-radius: 50%;
    background: #0ea5e9;
    animation: g-pulse 2s infinite;
    flex-shrink: 0;
}
.hpc-illus-wrap {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    background: linear-gradient(160deg, #f0f9ff 0%, #e8f4fd 100%);
    border-radius: 16px;
    padding: 0;
    overflow: hidden;
    border: 1px solid #bae6fd;
    position: relative;
}
.hpc-girl-img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    object-position: center bottom;
}
.hpc-text { text-align: center; }
.hpc-title {
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--g-text);
    margin: 0 0 5px;
    line-height: 1.3;
}
.hpc-desc {
    font-size: .85rem;
    color: var(--g-muted);
    margin: 0 0 12px;
    line-height: 1.6;
}
.hpc-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center;
}
.hpc-chip {
    font-size: .74rem;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid;
}
.hpc-chip--green { background: var(--g-green-pale); color: var(--g-green-dark); border-color: #a8c8e8; }
.hpc-chip--yellow { background: var(--g-saffron-light); color: #92400e; border-color: #fde68a; }
.hpc-chip--blue { background: #eff6ff; color: #1d4ed8; border-color: #bfdbfe; }

@media (max-width:960px) {
    .hero-photo-card { max-width: 480px; width: 100%; justify-self: center; box-sizing: border-box; }
}
@media (max-width:600px) {
    .hero-photo-card { padding: 16px; border-radius: 16px; }
    .hpc-illus-wrap { border-radius: 12px; }
}

/* ── STATS ─────────────────────────────────────────────────────────────────── */
.stats-band {
    background:#f8fafc;
    border-top:1px solid rgba(15,23,42,.08);
    border-bottom:1px solid var(--g-border);
    box-shadow:0 10px 26px rgba(15,23,42,.05);
}
.stats-inner {
    max-width:var(--g-max);
    margin:0 auto;
    padding:0 22px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
}
.stat-item {
    padding:24px 16px;
    text-align:center;
    border-right:1px solid var(--g-border);
    position:relative;
}
.stat-item:last-child { border-right:none; }
.stat-num {
    font-size:2.1rem;
    font-weight:900;
    color:var(--g-ink);
    line-height:1;
    margin-bottom:6px;
}
.stat-lbl { font-size:.82rem;color:var(--g-muted);font-weight:600;line-height:1.4; }
.stat-icon {
    position:absolute;
    top:16px;
    right:16px;
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:#e0f2fe;
    font-size:1rem;
    opacity:1;
}

/* ── PROBLEM / SOLUTION ────────────────────────────────────────────────────── */
.prob-wrap {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
}
.prob-card {
    border-radius:var(--g-radius);
    padding:30px 26px;
    border:2px solid;
}
.prob-card--bad {
    background:var(--g-red-light);
    border-color:#FECACA;
}
.prob-card--good {
    background:var(--g-green-pale);
    border-color:#a8c8e8;
}
.prob-card-head {
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:22px;
}
.prob-card-icon {
    width:46px;height:46px;
    border-radius:12px;
    display:grid;place-items:center;
    font-size:1.4rem;
    flex-shrink:0;
}
.prob-card--bad .prob-card-icon { background:#FEE2E2; }
.prob-card--good .prob-card-icon { background:#d4e8f5; }
.prob-card-head h3 { font-size:1.05rem;font-weight:800;color:var(--g-text);margin:0; }
.prob-list { list-style:none;padding:0;margin:0;display:grid;gap:10px; }
.prob-list li {
    display:flex;
    align-items:flex-start;
    gap:10px;
    font-size:.93rem;
    color:var(--g-text-2);
    line-height:1.55;
}
.prob-list li::before {
    content:'';
    width:22px;height:22px;
    border-radius:50%;
    display:grid;place-items:center;
    font-size:.72rem;font-weight:800;
    flex-shrink:0;
    margin-top:1px;
}
.prob-card--bad .prob-list li::before { content:'✕';background:#FEE2E2;color:var(--g-red); }
.prob-card--good .prob-list li::before { content:'✓';background:#d4e8f5;color:var(--g-green-dark); }

/* ── HOW IT WORKS ──────────────────────────────────────────────────────────── */
.steps-row {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:0;
    position:relative;
}
.steps-row::before {
    content:'';
    position:absolute;
    top:36px;left:12.5%;right:12.5%;
    height:3px;
    background:linear-gradient(90deg,var(--g-green),var(--g-saffron),var(--g-green));
    z-index:0;
}
.step-item {
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    padding:0 14px;
    position:relative;
    z-index:1;
}
.step-num {
    width:72px;height:72px;
    border-radius:50%;
    color:#fff;
    display:grid;place-items:center;
    font-size:1.6rem;
    font-weight:900;
    margin-bottom:18px;
    border:4px solid var(--g-bg-alt);
    box-shadow:0 8px 20px rgba(0,0,0,.15);
    flex-shrink:0;
}
.step-item:nth-child(1) .step-num { background:var(--g-green); }
.step-item:nth-child(2) .step-num { background:#7C3AED; }
.step-item:nth-child(3) .step-num { background:var(--g-saffron); }
.step-item:nth-child(4) .step-num { background:#0891B2; }
.step-item strong { display:block;font-size:1rem;font-weight:800;color:var(--g-text);margin-bottom:6px; }
.step-item span { color:var(--g-muted);font-size:.87rem;line-height:1.6; }

/* ── SERVICES ──────────────────────────────────────────────────────────────── */
.svc-cats {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
}
.svc-cat {
    background:var(--g-white);
    border:1px solid var(--g-border);
    border-radius:var(--g-radius);
    padding:24px;
    box-shadow:var(--g-shadow);
    transition:transform .2s,box-shadow .2s,border-color .2s;
    display:flex;
    flex-direction:column;
    min-height:100%;
}
.svc-cat:hover { transform:translateY(-4px);box-shadow:var(--g-shadow-lg);border-color:#7dd3fc; }
.svc-cat-icon {
    width:52px;height:52px;
    border-radius:13px;
    display:grid;place-items:center;
    font-size:1.55rem;
    margin-bottom:14px;
    transition:transform .17s;
}
.svc-cat:hover .svc-cat-icon { transform:scale(1.08) rotate(-2deg); }
.svc-cat:nth-child(1) .svc-cat-icon { background:#ecfeff;color:#155e75; }
.svc-cat:nth-child(2) .svc-cat-icon { background:#fef9c3;color:#854d0e; }
.svc-cat:nth-child(3) .svc-cat-icon { background:#eff6ff;color:#1d4ed8; }
.svc-cat-head {
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    margin:0 0 14px;padding-bottom:10px;border-bottom:2px solid var(--g-border);
}
.svc-cat-head h3 { font-size:1.05rem;font-weight:800;color:var(--g-text);margin:0; }
.svc-cat-count {
    flex-shrink:0;font-size:.72rem;font-weight:700;color:var(--g-muted);
    background:var(--g-bg-alt2);padding:3px 10px;border-radius:999px;white-space:nowrap;
}
.svc-list { list-style:none;padding:0;margin:0 0 18px;display:grid;gap:7px; }
.svc-cat > .hbtn { margin-top:auto; }
.svc-list li a {
    display:flex;
    align-items:center;
    gap:8px;
    color:var(--g-text-2);
    font-size:.9rem;
    text-decoration:none;
    padding:7px 10px;
    border-radius:7px;
    transition:background .15s,color .15s;
}
.svc-list li a:hover { background:#ecfeff;color:#155e75; }
.svc-list li a::before {
    content:'›';
    width:20px;height:20px;
    border-radius:50%;
    background:#dbeafe;
    color:#1d4ed8;
    display:grid;place-items:center;
    font-size:1rem;font-weight:800;
    flex-shrink:0;
    transition:background .15s,transform .15s;
}
.svc-list li a:hover::before { background:#bfdbfe;transform:translateX(2px); }

/* ── BENEFITS ──────────────────────────────────────────────────────────────── */
.benefits-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
}
.benefit-card {
    background:var(--g-white);
    border:1px solid var(--g-border);
    border-radius:var(--g-radius);
    padding:32px 28px;
    box-shadow:var(--g-shadow);
    position:relative;
    overflow:hidden;
}
.benefit-card::before {
    content:'';
    position:absolute;
    top:0;left:0;right:0;
    height:5px;
    border-radius:var(--g-radius) var(--g-radius) 0 0;
}
.benefit-card--citizen::before { background:linear-gradient(90deg,var(--g-green),#2980b9); }
.benefit-card--patwari::before { background:linear-gradient(90deg,#7C3AED,#A855F7); }
.benefit-head {
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:22px;
}
.benefit-icon {
    width:52px;height:52px;
    border-radius:13px;
    display:grid;place-items:center;
    font-size:1.5rem;
    flex-shrink:0;
}
.benefit-card--citizen .benefit-icon { background:var(--g-green-pale); }
.benefit-card--patwari .benefit-icon { background:#EDE9FE; }
.benefit-head h3 { font-size:1.05rem;font-weight:800;color:var(--g-text);margin:0; }
.benefit-head p { font-size:.82rem;color:var(--g-muted);margin:3px 0 0; }
.benefit-list { list-style:none;padding:0;margin:0;display:grid;gap:10px; }
.benefit-list li {
    display:flex;
    align-items:flex-start;
    gap:10px;
    font-size:.92rem;
    color:var(--g-text-2);
    line-height:1.55;
}
.benefit-list li::before {
    content:'✓';
    width:22px;height:22px;
    border-radius:50%;
    background:var(--g-green-light);
    color:var(--g-green-dark);
    display:grid;place-items:center;
    font-size:.72rem;font-weight:900;
    flex-shrink:0;
    margin-top:1px;
}

.benefit-card--patwari .benefit-list li::before { background:#EDE9FE;color:#7C3AED; }

/* ── BEFORE / AFTER PREVIEW ────────────────────────────────────────────────── */
.preview-wrap {
    display:grid;
    grid-template-columns:1fr auto 1fr;
    gap:22px;
    align-items:start;
}
.preview-arrow {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding-top:60px;
    gap:6px;
    color:var(--g-saffron);
    font-size:2rem;
    font-weight:900;
}
.preview-arrow small { font-size:.75rem;font-weight:700;color:var(--g-muted);letter-spacing:.5px; }
.preview-box {
    background:var(--g-white);
    border:1px solid var(--g-border);
    border-radius:var(--g-radius);
    overflow:hidden;
    box-shadow:var(--g-shadow-lg);
}
.preview-box-head {
    padding:12px 16px;
    font-size:.8rem;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.8px;
    border-bottom:1px solid var(--g-border);
}
.preview-box--before .preview-box-head { background:var(--g-red-light);color:var(--g-red); }
.preview-box--after .preview-box-head { background:var(--g-green-pale);color:var(--g-green-dark); }
.preview-box-body { padding:18px; }
.raw-info { font-size:.85rem;color:var(--g-text-2);line-height:1.9; }
.raw-info span { display:block; }
.form-preview { display:grid;gap:8px; }
.form-preview-head {
    display:flex;align-items:center;gap:10px;
    border-bottom:1px solid var(--g-border);
    padding-bottom:10px;margin-bottom:4px;
}
.form-preview-seal {
    width:32px;height:32px;border-radius:50%;
    background:var(--g-green);color:#fff;
    display:grid;place-items:center;
    font-weight:900;font-size:.75rem;flex-shrink:0;
}
.form-preview-title b { display:block;font-size:.85rem;font-weight:800; }
.form-preview-title span { display:block;color:var(--g-muted);font-size:.7rem; }
.form-field-row {
    display:grid;grid-template-columns:100px 1fr;gap:8px;
    border-bottom:1px dashed var(--g-border);padding:4px 0;font-size:.78rem;
}
.form-field-row:last-child { border-bottom:0; }
.form-field-row b { color:var(--g-text);font-weight:700; }
.form-field-row span {
    background:var(--g-bg-alt);border:1px solid var(--g-border);
    border-radius:5px;padding:4px 8px;color:var(--g-text-2);
}
.form-preview-footer {
    display:flex;gap:7px;margin-top:10px;
}
.fpf-btn {
    flex:1;padding:8px;border-radius:7px;text-align:center;
    font-size:.78rem;font-weight:800;border:1px solid;
}
.fpf-btn--dl { background:var(--g-green-pale);color:var(--g-green-dark);border-color:#BBF7D0; }
.fpf-btn--pr { background:var(--g-saffron-light);color:#92400E;border-color:#FDE68A; }

/* ── WHY LANDSEVA ──────────────────────────────────────────────────────────── */
.why-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:18px; }
.why-item {
    background:var(--g-white);
    border:1px solid var(--g-border);
    border-radius:var(--g-radius-sm);
    padding:22px 20px;
    display:flex;
    align-items:flex-start;
    gap:14px;
    box-shadow:var(--g-shadow);
    transition:border-color .18s,transform .18s;
}
.why-item:hover { border-color:#a8c8e8;transform:translateY(-3px); }
.why-icon {
    width:44px;height:44px;border-radius:11px;
    background:var(--g-green-pale);color:var(--g-green-dark);
    display:grid;place-items:center;font-size:1.3rem;flex-shrink:0;
}
.why-item strong { display:block;font-size:.95rem;font-weight:800;color:var(--g-text);margin-bottom:4px; }
.why-item span { font-size:.85rem;color:var(--g-muted);line-height:1.55; }

/* ── TESTIMONIALS ──────────────────────────────────────────────────────────── */
.testi-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:18px; }
.testi-card {
    background:var(--g-white);
    border:1px solid var(--g-border);
    border-radius:var(--g-radius);
    padding:22px 20px;
    box-shadow:var(--g-shadow);
    display:flex;
    flex-direction:column;
    gap:12px;
    position:relative;
}
.testi-card::before {
    content:'"';
    position:absolute;top:-4px;left:16px;
    font-size:4rem;font-weight:900;
    color:var(--g-green-light);
    line-height:1;
    font-family:Georgia,serif;
}
.testi-stars { color:var(--g-saffron);font-size:1rem;letter-spacing:1px; }
.testi-text {
    font-size:.88rem;color:var(--g-text-2);
    line-height:1.7;font-style:italic;flex:1;
    padding-top:8px;
}
.testi-person {
    display:flex;align-items:center;gap:10px;
    border-top:1px solid var(--g-border);padding-top:12px;
}
.testi-avatar {
    width:38px;height:38px;border-radius:50%;
    display:grid;place-items:center;
    font-size:1.1rem;flex-shrink:0;
}
.testi-card:nth-child(1) .testi-avatar { background:var(--g-green-pale); }
.testi-card:nth-child(2) .testi-avatar { background:var(--g-saffron-light); }
.testi-card:nth-child(3) .testi-avatar { background:#EDE9FE; }
.testi-card:nth-child(4) .testi-avatar { background:#DBEAFE; }
.testi-person strong { display:block;font-size:.85rem;font-weight:700;color:var(--g-text); }
.testi-person span { font-size:.75rem;color:var(--g-muted); }

/* ── FAQ ───────────────────────────────────────────────────────────────────── */
.faq-list { display:grid;gap:10px;max-width:800px;margin-inline:auto; }
.faq-item {
    background:var(--g-white);
    border:1px solid var(--g-border);
    border-radius:var(--g-radius-sm);
    overflow:hidden;
    transition:border-color .18s;
}
.faq-item:hover { border-color:#a8c8e8; }
.faq-item summary {
    padding:18px 22px;cursor:pointer;font-weight:700;
    color:var(--g-text);font-size:.95rem;
    display:flex;align-items:center;justify-content:space-between;
    list-style:none;gap:12px;
}
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary::after { content:'＋';font-size:1.2rem;color:var(--g-green);flex-shrink:0;transition:transform .2s; }
.faq-item[open] summary::after { transform:rotate(45deg); }
.faq-item p { margin:0;padding:0 22px 18px;color:var(--g-muted);font-size:.92rem;line-height:1.75; }

/* ── DISCLAIMER / NOTICE ────────────────────────────────────────────────────── */
.notice-wrap {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
}
.notice-card {
    border-radius:var(--g-radius);
    padding:28px 26px;
    border:2px solid;
}
.notice-card--do {
    background:var(--g-green-pale);
    border-color:#a8c8e8;
}
.notice-card--dont {
    background:#FFF7ED;
    border-color:#FED7AA;
}
.notice-card-head {
    display:flex;align-items:center;gap:12px;
    margin-bottom:18px;
}
.notice-card-head h3 { font-size:1rem;font-weight:800;color:var(--g-text);margin:0; }
.notice-list { list-style:none;padding:0;margin:0;display:grid;gap:8px; }
.notice-list li {
    display:flex;align-items:flex-start;gap:10px;
    font-size:.9rem;color:var(--g-text-2);line-height:1.5;
}
.notice-list li::before {
    width:20px;height:20px;border-radius:50%;
    display:grid;place-items:center;
    font-size:.72rem;font-weight:900;
    flex-shrink:0;margin-top:1px;
}
.notice-card--do .notice-list li::before { content:'✔';background:#d4e8f5;color:var(--g-green-dark); }
.notice-card--dont .notice-list li::before { content:'✘';background:#FED7AA;color:#C2410C; }

/* ── FINAL CTA ─────────────────────────────────────────────────────────────── */
.final-cta {
    background:linear-gradient(135deg,#0d2535 0%,#1a5276 60%,#1a6b8a 100%);
    border-radius:20px;
    padding:54px 40px;
    text-align:center;
    color:#fff;
    position:relative;
    overflow:hidden;
}
.final-cta::before {
    content:'';position:absolute;top:-80px;right:-80px;
    width:260px;height:260px;border-radius:50%;
    background:rgba(245,158,11,.10);pointer-events:none;
}
.final-cta h2 { font-size:clamp(1.5rem,3vw,2rem);font-weight:900;margin:0 0 10px;position:relative;z-index:1; }
.final-cta p { color:rgba(255,255,255,.78);margin:0 0 28px;font-size:1rem;position:relative;z-index:1; }
.cta-btns { display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1; }

/* ── Document Templates ─────────────────────────────────────────────────────── */
.tmpl-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:18px; }
.tmpl-card {
    background:var(--g-white);
    border:1px solid var(--g-border);
    border-radius:var(--g-radius-sm);
    padding:18px;
    display:flex;flex-direction:column;gap:8px;
    box-shadow:var(--g-shadow);
    transition:transform .17s,border-color .17s,box-shadow .17s;
}
.tmpl-card:hover { transform:translateY(-3px);border-color:#7dd3fc;box-shadow:var(--g-shadow-lg); }
.tmpl-icon {
    width:42px;height:42px;border-radius:10px;
    background:#ecfeff;
    display:grid;place-items:center;font-size:1.25rem;
}
.tmpl-card strong { color:var(--g-text);font-size:.92rem;line-height:1.35; }
.tmpl-card small { color:var(--g-muted);font-size:.78rem; }
.tmpl-card p { color:var(--g-muted);font-size:.85rem;line-height:1.6;margin:0;flex:1; }

/* ── Help Videos (inherited styles kept) ──────────────────────────────────── */
.hv-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:24px; }
.hv-card { background:var(--g-white);border-radius:12px;overflow:hidden;box-shadow:var(--g-shadow);transition:transform .2s,box-shadow .2s; }
.hv-card:hover { transform:translateY(-4px);box-shadow:var(--g-shadow-lg); }
.hv-thumb { position:relative;padding-top:56.25%;background:#000;cursor:pointer; }
.hv-thumb img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }
.hv-play { position:absolute;inset:0;display:flex;align-items:center;justify-content:center; }
.hv-play-btn { width:56px;height:56px;background:rgba(255,0,0,.88);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.4);transition:transform .2s; }
.hv-card:hover .hv-play-btn { transform:scale(1.12); }
.hv-play-btn svg { width:24px;height:24px;fill:#fff;margin-left:4px; }
.hv-body { padding:14px 16px; }
.hv-body h4 { margin:0;font-size:.95rem;font-weight:700;color:var(--g-text);line-height:1.4; }
.hv-body a { display:inline-block;margin-top:8px;font-size:.82rem;color:var(--g-green);text-decoration:none; }
.hv-body a:hover { text-decoration:underline; }
#hvModal { display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.82);align-items:center;justify-content:center; }
#hvModal.open { display:flex; }
#hvModalInner { position:relative;width:90%;max-width:820px;background:#000;border-radius:10px;overflow:hidden; }
#hvModalClose { position:absolute;top:8px;right:10px;z-index:2;background:rgba(0,0,0,.6);border:none;color:#fff;font-size:1.4rem;width:34px;height:34px;border-radius:50%;cursor:pointer;line-height:1; }
#hvFrame { width:100%;aspect-ratio:16/9;border:none; }

/* ── Blog widget (home page — latest + popular, news-site style side panel) ── */
.blog-home-grid { display:grid;grid-template-columns:2fr 1fr;gap:26px;align-items:start; }
.blog-home-main { display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px; }
.blog-home-card {
    background:var(--g-white);
    border:1px solid var(--g-border);
    border-radius:var(--g-radius-sm);
    overflow:hidden;
    display:flex;flex-direction:column;
    box-shadow:var(--g-shadow);
    transition:transform .17s,box-shadow .17s;
    text-decoration:none;
    color:inherit;
}
.blog-home-card:hover { transform:translateY(-3px);box-shadow:var(--g-shadow-lg); }
.blog-home-card-img { width:100%;height:120px;object-fit:cover;display:block;background:linear-gradient(135deg,#1a4731,#059669); }
.blog-home-card-body { padding:14px 16px;display:flex;flex-direction:column;gap:6px;flex:1; }
.blog-home-cat { font-size:.68rem;font-weight:700;color:#065f46;background:#ecfdf5;border-radius:20px;padding:2px 9px;display:inline-block;width:fit-content; }
.blog-home-card-body h4 { margin:0;font-size:.9rem;font-weight:700;color:var(--g-text);line-height:1.4; }
.blog-home-card-body small { color:var(--g-muted);font-size:.75rem; }
.blog-home-side {
    background:var(--g-white);
    border:1px solid var(--g-border);
    border-radius:var(--g-radius-sm);
    box-shadow:var(--g-shadow);
    padding:18px;
}
.blog-home-side + .blog-home-side { margin-top:18px; }
.blog-home-side h3 { margin:0 0 12px;font-size:.95rem;font-weight:800;color:var(--g-text);display:flex;align-items:center;gap:6px; }
.blog-home-side-item { display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--g-border);text-decoration:none;color:inherit; }
.blog-home-side-item:last-child { border-bottom:none;padding-bottom:0; }
.blog-home-side-item:first-child { padding-top:0; }
.blog-home-side-rank { flex-shrink:0;width:22px;height:22px;border-radius:6px;background:var(--g-bg-alt);color:var(--g-muted);font-size:.72rem;font-weight:800;display:grid;place-items:center; }
.blog-home-side-txt h5 { margin:0 0 3px;font-size:.83rem;font-weight:700;color:var(--g-text);line-height:1.4; }
.blog-home-side-txt small { color:var(--g-muted);font-size:.72rem; }
.blog-home-side-item:hover h5 { color:var(--g-green); }

/* ── Responsive ─────────────────────────────────────────────────────────────── */
@media (max-width:960px) {
    .hero-inner { grid-template-columns:1fr;gap:34px;padding:52px 18px 42px; }
    .hero-card { max-width:560px;width:100%;justify-self:center;box-sizing:border-box; }
    .prob-wrap,.benefits-grid,.notice-wrap { grid-template-columns:1fr; }
    .svc-cats { grid-template-columns:1fr; }
    .why-grid { grid-template-columns:1fr 1fr; }
    .testi-grid { grid-template-columns:repeat(2,1fr); }
    .stats-inner { grid-template-columns:repeat(2,1fr); }
    .stat-item:nth-child(2) { border-right:none; }
    .preview-wrap { grid-template-columns:1fr;gap:14px; }
    .preview-arrow { flex-direction:row;padding-top:0;font-size:1.5rem; }
    .tmpl-grid { grid-template-columns:1fr 1fr; }
    .steps-row { grid-template-columns:repeat(2,1fr);gap:28px; }
    .steps-row::before { display:none; }
    .blog-home-grid { grid-template-columns:1fr; }
}
@media (max-width:600px) {
    .pg-section { padding:44px 16px; }
    .hero-inner { padding:40px 16px 34px; }
    .hero-h1 { font-size:1.9rem;line-height:1.16; }
    .hero-btns { flex-direction:column; }
    .hbtn { justify-content:center; }
    .stats-inner { grid-template-columns:repeat(2,1fr); }
    .stat-item { padding:18px 10px; }
    .stat-item:nth-child(odd) { border-right:1px solid var(--g-border); }
    .stat-item:nth-child(even) { border-right:none; }
    .stat-num { font-size:1.6rem; }
    .why-grid { grid-template-columns:1fr; }
    .testi-grid { grid-template-columns:1fr; }
    .tmpl-grid { grid-template-columns:1fr; }
    .steps-row { grid-template-columns:1fr; }
    .final-cta { padding:34px 18px; }
    .hero-trust { display:none; }
    .hero-trust-strip { padding:14px 16px 22px; }
    .hero-trust-strip .hero-trust-item { font-size:.72rem; padding:6px 10px; gap:5px; }
    .hero-card { padding:16px;border-radius:14px; }
    .hcard-head { align-items:flex-start; }
    .hcard-title-wrap { align-items:flex-start; }
    .hcard-brand { width:38px;height:38px; }
    .hcard-pill { font-size:.68rem;padding:5px 8px; }
    .hcard-tabs { overflow-x:auto;padding-bottom:2px; }
    .hcard-tab { white-space:nowrap; }
    .hcard-field { grid-template-columns:84px 1fr; }
    .hcard-actions { grid-template-columns:1fr; }
}

/* ══════════════════════════════════════════════════════════════════════════════
   LandSeva 2.0 — service-first home page.
   Same palette and tokens as before; only the interaction layer is new.
   ═════════════════════════════════════════════════════════════════════════ */

/* ── Hero: search-first ────────────────────────────────────────────────────── */
.hero-inner--v2 { padding:44px 22px 40px;grid-template-columns:minmax(0,1fr) 380px;gap:44px;align-items:center; }
.hero-inner--v2 > div { min-width:0; }
.ls2-hero-lead { font-size:.98rem;color:rgba(255,255,255,.78);line-height:1.7;margin:0 0 22px;max-width:520px; }

.ls2-search { position:relative;max-width:560px;margin-bottom:14px; }
.ls2-search-box {
    display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;
    padding:6px 6px 6px 16px;box-shadow:0 18px 44px rgba(2,10,20,.30);
}
.ls2-search-box .ls2-search-ico { font-size:1.15rem;opacity:.55;flex-shrink:0; }
.ls2-search-box input {
    flex:1;min-width:0;border:none;outline:none;background:transparent;
    font:inherit;font-size:1rem;color:var(--g-text);padding:12px 0;
}
.ls2-search-box input::placeholder { color:#94a3b8; }
.ls2-search-btn {
    flex-shrink:0;border:none;cursor:pointer;background:var(--g-green);color:#fff;
    font-weight:700;font-size:.92rem;padding:12px 20px;border-radius:10px;
    transition:background .17s;
}
.ls2-search-btn:hover { background:#154360; }
.ls2-search-results {
    display:none;position:absolute;z-index:30;left:0;right:0;top:calc(100% + 8px);
    background:#fff;border-radius:12px;box-shadow:var(--g-shadow-lg);
    max-height:330px;overflow-y:auto;padding:6px;
}
.ls2-search-results.open { display:block; }
.ls2-search-results a {
    display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:9px;
    text-decoration:none;color:var(--g-text);font-size:.92rem;
}
.ls2-search-results a:hover,.ls2-search-results a.cur { background:var(--g-green-pale); }
.ls2-search-results a span.ico { font-size:1.15rem;flex-shrink:0; }
.ls2-search-results a small { display:block;color:var(--g-muted);font-size:.76rem;font-weight:400; }
.ls2-search-results a b { font-weight:700; }
.ls2-search-empty { padding:14px 12px;color:var(--g-muted);font-size:.88rem; }
.ls2-search-empty a { display:inline;padding:0;color:var(--g-green);font-weight:700; }

.ls2-chips { display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;max-width:600px; }
.ls2-chip {
    display:inline-flex;align-items:center;gap:6px;text-decoration:none;
    background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.26);
    color:#e8f4fd;font-size:.84rem;font-weight:600;padding:8px 14px;border-radius:999px;
    transition:background .17s,border-color .17s;
}
.ls2-chip:hover { background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.55);color:#fff; }

.ls2-roles { display:flex;flex-wrap:wrap;gap:10px; }
.ls2-role-btn {
    display:flex;flex-direction:column;gap:2px;text-decoration:none;
    background:rgba(255,255,255,.96);color:var(--g-text);border-radius:11px;
    padding:11px 18px;font-weight:700;font-size:.92rem;min-width:132px;
    box-shadow:0 10px 24px rgba(2,10,20,.22);transition:transform .17s;
}
.ls2-role-btn small { font-weight:500;font-size:.72rem;color:var(--g-muted); }
.ls2-role-btn:hover { transform:translateY(-2px);color:var(--g-green); }

/* Hero photo card — smaller now that the search owns the hero */
.hero-photo-card--v2 { padding:16px; }
.hero-photo-card--v2 .hpc-illus-wrap { height:auto;min-height:262px; }
.hero-photo-card--v2 .hpc-girl-img { width:100%;height:auto;max-height:340px;object-fit:contain; }

/* The sticky header's offset lives in header.css as scroll-padding-top */
html { scroll-behavior:smooth; }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

/* ── Quick action bar ──────────────────────────────────────────────────────── */
.ls2-qab-wrap { background:var(--g-white);border-bottom:1px solid var(--g-border); }
.ls2-qab { max-width:var(--g-max);margin:0 auto;padding:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px; }
.ls2-qab-item {
    display:flex;align-items:flex-start;gap:12px;text-decoration:none;
    background:var(--g-surface);border:1px solid var(--g-border);border-radius:var(--g-radius);
    padding:16px 18px;transition:border-color .17s,box-shadow .17s,transform .17s;
}
.ls2-qab-item:hover { border-color:var(--g-green);box-shadow:var(--g-shadow);transform:translateY(-2px); }
.ls2-qab-ico { font-size:1.5rem;line-height:1;flex-shrink:0; }
.ls2-qab-item strong { display:block;font-size:.95rem;color:var(--g-text);font-weight:800;margin-bottom:2px; }
.ls2-qab-item span { display:block;font-size:.8rem;color:var(--g-muted);line-height:1.5; }

/* ── Popular services grid ─────────────────────────────────────────────────── */
.ls2-svc-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:16px; }
.ls2-svc-card {
    display:flex;flex-direction:column;gap:6px;text-decoration:none;
    background:var(--g-white);border:1px solid var(--g-border);border-radius:var(--g-radius);
    padding:22px;box-shadow:0 1px 3px rgba(15,23,42,.05);
    transition:border-color .17s,box-shadow .17s,transform .17s;
}
.ls2-svc-card:hover { border-color:var(--g-green);box-shadow:var(--g-shadow-lg);transform:translateY(-4px); }
/* Icon-in-a-box, colour-coded per card — same pattern as .svc-cat-icon further
   down the page, so the two service grids read as one design system. */
.ls2-svc-ico { width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-size:1.4rem;line-height:1;margin-bottom:8px;transition:transform .17s; }
.ls2-svc-card:hover .ls2-svc-ico { transform:scale(1.08); }
.ls2-svc-card:nth-child(6n+1) .ls2-svc-ico { background:#ecfeff;color:#155e75; }
.ls2-svc-card:nth-child(6n+2) .ls2-svc-ico { background:#fef9c3;color:#854d0e; }
.ls2-svc-card:nth-child(6n+3) .ls2-svc-ico { background:#eff6ff;color:#1d4ed8; }
.ls2-svc-card:nth-child(6n+4) .ls2-svc-ico { background:#fdf2f8;color:#be185d; }
.ls2-svc-card:nth-child(6n+5) .ls2-svc-ico { background:#f0fdf4;color:#15803d; }
.ls2-svc-card:nth-child(6n+6) .ls2-svc-ico { background:#f5f3ff;color:#6d28d9; }
.ls2-svc-card strong { font-size:1.02rem;color:var(--g-text);font-weight:800; }
.ls2-svc-card small { color:var(--g-muted);font-size:.82rem;line-height:1.5; }
.ls2-svc-card .go { margin-top:auto;padding-top:12px;color:var(--g-green);font-weight:700;font-size:.88rem;display:inline-block;transition:transform .17s ease; }
.ls2-svc-card:hover .go { transform:translateX(4px); }

/* ── Smart service finder ──────────────────────────────────────────────────── */
.ls2-finder { display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:920px;margin-inline:auto; }
.ls2-finder-row {
    display:flex;align-items:center;gap:14px;text-decoration:none;
    background:var(--g-white);border:1px solid var(--g-border);border-left:4px solid var(--g-teal);
    border-radius:var(--g-radius);padding:16px 18px;transition:box-shadow .17s,transform .17s;
}
.ls2-finder-row:hover { box-shadow:var(--g-shadow);transform:translateX(3px); }
.ls2-finder-say { flex:1; }
.ls2-finder-say b { display:block;font-size:.97rem;color:var(--g-text);font-weight:700;line-height:1.5;margin-bottom:4px; }
.ls2-finder-say span { font-size:.85rem;color:var(--g-teal);font-weight:700; }
.ls2-finder-say span em { font-style:normal;color:var(--g-muted);font-weight:500; }
.ls2-finder-arrow { color:var(--g-muted);font-size:1.15rem;flex-shrink:0; }

/* ── Onboarding videos ─────────────────────────────────────────────────────── */
.ls2-onb { display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:840px;margin-inline:auto; }
.ls2-onb-card {
    display:flex;gap:16px;align-items:center;cursor:pointer;text-decoration:none;
    background:var(--g-white);border:1px solid var(--g-border);border-radius:var(--g-radius);
    padding:16px;transition:box-shadow .17s,transform .17s;
}
.ls2-onb-card:hover { box-shadow:var(--g-shadow-lg);transform:translateY(-3px); }
.ls2-onb-thumb { position:relative;width:128px;height:78px;border-radius:10px;overflow:hidden;flex-shrink:0;background:#0d2535; }
.ls2-onb-thumb img { width:100%;height:100%;object-fit:cover; }
.ls2-onb-thumb::after {
    content:'▶';position:absolute;inset:0;display:grid;place-items:center;
    color:#fff;font-size:1.4rem;text-shadow:0 2px 10px rgba(0,0,0,.6);
}
.ls2-onb-card strong { display:block;font-size:.98rem;color:var(--g-text);font-weight:800;margin-bottom:4px;line-height:1.45; }
.ls2-onb-card small { color:var(--g-muted);font-size:.82rem; }

/* ── Utility widgets: track + verify ───────────────────────────────────────── */
.ls2-util { display:grid;grid-template-columns:repeat(2,1fr);gap:18px; }
.ls2-util-card { background:var(--g-white);border:1px solid var(--g-border);border-radius:var(--g-radius);padding:24px; }
.ls2-util-card h3 { margin:0 0 4px;font-size:1.12rem;font-weight:800;color:var(--g-text); }
.ls2-util-card > p { margin:0 0 16px;font-size:.88rem;color:var(--g-muted);line-height:1.6; }
.ls2-util-form { display:flex;gap:10px;flex-wrap:wrap; }
.ls2-util-form input {
    flex:1;min-width:180px;border:1.5px solid var(--g-border);border-radius:var(--g-radius-sm);
    padding:12px 14px;font:inherit;font-size:.95rem;color:var(--g-text);background:var(--g-white);
}
.ls2-util-form input:focus { outline:none;border-color:var(--g-green); }
.ls2-util-form button {
    border:none;cursor:pointer;background:var(--g-green);color:#fff;font-weight:700;
    font-size:.92rem;padding:12px 22px;border-radius:var(--g-radius-sm);transition:background .17s;
}
.ls2-util-form button:hover { background:#154360; }
.ls2-util-note { margin:12px 0 0;font-size:.79rem;color:var(--g-muted);line-height:1.6; }

/* ── Role blocks (Sahyogi / Patwari) ───────────────────────────────────────── */
.ls2-roleblock { border-radius:16px;padding:34px;color:#fff; }
.ls2-roleblock--agent   { background:linear-gradient(120deg,#0d2535 0%,#1a5276 100%); }
.ls2-roleblock--patwari { background:linear-gradient(120deg,#0f766e 0%,#115e59 60%,#0d2535 100%); }
.ls2-roleblock h2 { margin:0 0 8px;font-size:clamp(1.4rem,2.8vw,1.85rem);font-weight:800;color:#fff; }
.ls2-roleblock > p { margin:0 0 24px;font-size:.98rem;color:rgba(255,255,255,.80);line-height:1.7;max-width:620px; }
.ls2-feat-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px; }
.ls2-feat {
    background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20);
    border-radius:var(--g-radius);padding:16px;
}
.ls2-feat .ico { font-size:1.4rem;display:block;margin-bottom:8px; }
.ls2-feat strong { display:block;font-size:.93rem;font-weight:800;margin-bottom:4px;color:#fff; }
.ls2-feat span { font-size:.8rem;color:rgba(255,255,255,.72);line-height:1.5; }
.ls2-feat--usp { background:rgba(250,204,21,.16);border-color:rgba(250,204,21,.55); }
.ls2-feat--usp strong { color:#fde68a; }
/* Patwari has five features — keep them on one row on wide screens */
@media (min-width:961px) { .ls2-roleblock--patwari .ls2-feat-grid { grid-template-columns:repeat(5,1fr); } }
.ls2-roleblock-cta { display:flex;flex-wrap:wrap;gap:14px;align-items:center; }
.ls2-roleblock-cta a.sub { color:rgba(255,255,255,.82);font-size:.88rem;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35); }
.ls2-roleblock-cta a.sub:hover { color:#fff; }

/* ── Complex revenue services ──────────────────────────────────────────────── */
.ls2-cx-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:16px; }
.ls2-cx-card { background:var(--g-white);border:1px solid var(--g-border);border-radius:var(--g-radius);padding:20px;display:flex;flex-direction:column;gap:8px; }
.ls2-cx-card .ico { font-size:1.6rem;line-height:1; }
.ls2-cx-card strong { font-size:1.02rem;font-weight:800;color:var(--g-text); }
.ls2-cx-card p { margin:0;font-size:.85rem;color:var(--g-muted);line-height:1.6; }
.ls2-cx-links { margin-top:auto;padding-top:14px;display:flex;gap:10px;flex-wrap:wrap;align-items:center; }
.ls2-cx-apply {
    text-decoration:none;background:var(--g-green);color:#fff;font-weight:700;font-size:.85rem;
    padding:9px 16px;border-radius:var(--g-radius-sm);transition:background .17s;
}
.ls2-cx-apply:hover { background:#154360;color:#fff; }
.ls2-cx-learn { text-decoration:none;color:var(--g-green);font-weight:700;font-size:.85rem; }

/* ── Help Center tabs ──────────────────────────────────────────────────────── */
.ls2-tabs { display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:26px; }
.ls2-tab {
    border:1.5px solid var(--g-border);background:var(--g-white);color:var(--g-text-2);
    font:inherit;font-size:.92rem;font-weight:700;padding:10px 20px;border-radius:999px;
    cursor:pointer;transition:background .17s,border-color .17s,color .17s;
}
.ls2-tab:hover { border-color:var(--g-green); }
.ls2-tab.active { background:var(--g-green);border-color:var(--g-green);color:#fff; }
.ls2-tabpanel[hidden] { display:none; }
.ls2-vid-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:16px; }
.ls2-vid-card { cursor:pointer;background:var(--g-white);border:1px solid var(--g-border);border-radius:var(--g-radius);overflow:hidden;transition:box-shadow .17s,transform .17s; }
.ls2-vid-card:hover { box-shadow:var(--g-shadow-lg);transform:translateY(-3px); }
.ls2-vid-thumb { position:relative;aspect-ratio:16/9;background:#0d2535; }
.ls2-vid-thumb img { width:100%;height:100%;object-fit:cover;display:block; }
.ls2-vid-thumb::after {
    content:'▶';position:absolute;inset:0;display:grid;place-items:center;
    color:#fff;font-size:1.6rem;text-shadow:0 2px 10px rgba(0,0,0,.6);
}
.ls2-vid-dur {
    position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.75);color:#fff;
    font-size:.72rem;font-weight:700;padding:2px 7px;border-radius:5px;
}
.ls2-vid-body { padding:14px; }
.ls2-vid-body h4 { margin:0;font-size:.9rem;font-weight:700;color:var(--g-text);line-height:1.5; }
.ls2-vid-empty {
    text-align:center;color:var(--g-muted);font-size:.92rem;background:var(--g-white);
    border:1px dashed var(--g-border);border-radius:var(--g-radius);padding:32px 20px;
}

/* ── Common mistakes ───────────────────────────────────────────────────────── */
.ls2-mist-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:16px; }
.ls2-mist {
    background:var(--g-white);border:1px solid #fecaca;border-top:4px solid var(--g-red);
    border-radius:var(--g-radius);padding:20px;transition:box-shadow .17s,transform .17s;
}
.ls2-mist:hover { box-shadow:var(--g-shadow);transform:translateY(-3px); }
.ls2-mist .ico { font-size:1.5rem;display:block;margin-bottom:8px; }
.ls2-mist strong { display:block;font-size:.98rem;font-weight:800;color:var(--g-text);margin-bottom:6px; }
.ls2-mist p { margin:0;font-size:.84rem;color:var(--g-muted);line-height:1.6; }

/* ── Latest updates ────────────────────────────────────────────────────────── */
.ls2-upd-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:16px; }
.ls2-upd {
    display:flex;flex-direction:column;gap:8px;text-decoration:none;
    background:var(--g-white);border:1px solid var(--g-border);border-radius:var(--g-radius);
    padding:20px;transition:border-color .17s,box-shadow .17s;
}
.ls2-upd:hover { border-color:var(--g-green);box-shadow:var(--g-shadow); }
.ls2-upd-badge {
    align-self:flex-start;background:#fef3c7;color:#92400e;border:1px solid #fcd34d;
    font-size:.68rem;font-weight:800;letter-spacing:.8px;padding:3px 9px;border-radius:999px;
}
.ls2-upd strong { font-size:.98rem;font-weight:700;color:var(--g-text);line-height:1.5; }
.ls2-upd small { color:var(--g-muted);font-size:.79rem; }

/* ── WhatsApp support ──────────────────────────────────────────────────────── */
.ls2-wa {
    max-width:820px;margin-inline:auto;display:flex;align-items:center;gap:22px;flex-wrap:wrap;
    background:linear-gradient(120deg,#ecfdf5,#f0fdfa);border:1px solid #a7f3d0;
    border-radius:16px;padding:26px 30px;
}
.ls2-wa-ico { font-size:2.4rem;line-height:1; }
.ls2-wa-txt { flex:1;min-width:220px; }
.ls2-wa-txt h3 { margin:0 0 4px;font-size:1.15rem;font-weight:800;color:var(--g-text); }
.ls2-wa-txt p { margin:0;font-size:.88rem;color:var(--g-text-2);line-height:1.6; }
.ls2-wa-btn {
    text-decoration:none;background:#25D366;color:#06281a;font-weight:800;font-size:.95rem;
    padding:13px 24px;border-radius:var(--g-radius-sm);white-space:nowrap;
    box-shadow:0 10px 24px rgba(37,211,102,.30);transition:transform .17s;
}
.ls2-wa-btn:hover { transform:translateY(-2px);color:#06281a; }
.ls2-wa-float {
    position:fixed;right:16px;bottom:82px;z-index:900;display:none;
    width:54px;height:54px;border-radius:50%;background:#25D366;color:#fff;
    font-size:1.7rem;align-items:center;justify-content:center;text-decoration:none;
    box-shadow:0 10px 26px rgba(0,0,0,.28);
}

/* ── Responsive (LandSeva 2.0 blocks) ──────────────────────────────────────── */
@media (max-width:960px) {
    .hero-inner--v2 { grid-template-columns:minmax(0,1fr);gap:30px; }
    .ls2-qab { grid-template-columns:repeat(2,1fr); }
    .ls2-svc-grid,.ls2-cx-grid,.ls2-upd-grid { grid-template-columns:repeat(2,1fr); }
    .ls2-finder,.ls2-onb,.ls2-util { grid-template-columns:1fr; }
    .ls2-feat-grid { grid-template-columns:repeat(2,1fr); }
    .ls2-vid-grid,.ls2-mist-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:600px) {
    .hero-inner--v2 { padding:30px 16px 28px; }
    .ls2-hero-lead { margin-bottom:16px;font-size:.92rem; }
    .ls2-search-box { padding:5px 5px 5px 12px; }
    .ls2-search-btn { padding:11px 14px;font-size:.85rem; }
    .ls2-chips { flex-wrap:nowrap;overflow-x:auto;min-width:0;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none; }
    .ls2-chips::-webkit-scrollbar { display:none; }
    .ls2-chip { white-space:nowrap; }
    .ls2-roles { display:grid;grid-template-columns:repeat(3,1fr);gap:8px; }
    .ls2-role-btn { min-width:0;padding:10px 8px;font-size:.82rem;text-align:center;align-items:center; }
    .ls2-role-btn small { display:none; }
    .hero-photo-card--v2 { display:none; }
    .hero-eyebrow { display:none; }
    .ls2-qab { padding:16px;gap:10px; }
    .ls2-qab-item { padding:13px;flex-direction:column;gap:6px; }
    .ls2-svc-card { padding:14px; }
    .ls2-svc-ico { width:40px;height:40px;font-size:1.2rem;margin-bottom:6px; }
    .ls2-svc-card strong { font-size:.92rem; }
    .ls2-svc-card small { font-size:.76rem; }
    .ls2-roleblock { padding:24px 18px; }
    .ls2-feat-grid { grid-template-columns:1fr;gap:10px; }
    .ls2-cx-grid,.ls2-upd-grid,.ls2-mist-grid,.ls2-vid-grid { grid-template-columns:1fr; }
    .ls2-onb-card { flex-direction:column;align-items:flex-start; }
    .ls2-onb-thumb { width:100%;height:150px; }
    .ls2-wa { padding:20px 18px;gap:14px; }
    .ls2-wa-float { display:flex; }
}

/* Visually-hidden label (used by the hero search) */
.sr-only {
    position:absolute;width:1px;height:1px;padding:0;margin:-1px;
    overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}