/* ===== Wemega — Service detail pages (on-grid, off-grid, hybrid, atta chakki, pump, commercial, AMC) ===== */
.sv{--t1:#0f1b34;--t2:#1d4ed8;--ta:#93c5fd;--tc:#2563eb;--tl:#eff6ff;--tl2:#dbeafe;--td:#1e40af}
.sv.t-green{--t1:#14532d;--t2:#16a34a;--ta:#86efac;--tc:#16a34a;--tl:#f0fdf4;--tl2:#dcfce7;--td:#15803d}
.sv.t-orange{--t1:#5a1d0a;--t2:#ea580c;--ta:#fcd34d;--tc:#ea580c;--tl:#fff7ed;--tl2:#ffedd5;--td:#c2410c}
.sv.t-amber{--t1:#4a2c05;--t2:#d97706;--ta:#fde68a;--tc:#d97706;--tl:#fffbeb;--tl2:#fef3c7;--td:#b45309}
.sv.t-teal{--t1:#042f2e;--t2:#0d9488;--ta:#5eead4;--tc:#0d9488;--tl:#f0fdfa;--tl2:#ccfbf1;--td:#0f766e}
.sv.t-navy{--t1:#0b1220;--t2:#334155;--ta:#4ade80;--tc:#16a34a;--tl:#f0fdf4;--tl2:#dcfce7;--td:#15803d}

/* hero */
.sv-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,var(--t1),var(--t2));padding:34px 0 40px}
.sv-hero::after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-180px;top:-160px;background:rgba(255,255,255,.07);pointer-events:none}
.sv-hero .container{position:relative;z-index:1;display:grid;gap:28px;grid-template-columns:minmax(0,1fr)}
.sv-crumb{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.65);flex-wrap:wrap}
.sv-crumb a:hover{color:#fff}.sv-crumb b{color:#fff;font-weight:600}.sv-crumb .ic{width:13px;height:13px}
.sv-chip{display:inline-flex;align-items:center;gap:8px;margin-top:18px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);border-radius:99px;padding:6px 14px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.sv-chip i{width:8px;height:8px;border-radius:50%;background:var(--ta)}
.sv-hero h1{font-size:clamp(32px,7.4vw,56px);margin:14px 0 14px;line-height:1.06}
.sv-hero h1 em{display:block;font-style:normal;color:var(--ta)}
.sv-hero .lead{color:rgba(255,255,255,.82);font-size:16px;max-width:560px}
.sv-cta{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 22px}
.sv-cta .btn-main{background:var(--tc);color:#fff;box-shadow:0 10px 24px -8px rgba(0,0,0,.45)}
.sv-cta .btn-ghost{background:transparent}
.sv-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:560px}
.sv-tile{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:12px 8px;text-align:center}
.sv-tile b{display:block;font-family:var(--hf);font-size:clamp(20px,5vw,28px);line-height:1.1}
.sv-tile small{display:block;font-size:12px;color:rgba(255,255,255,.75);margin-top:3px}
.sv-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-self:center}
.sv-stat{border:1.5px solid rgba(255,255,255,.35);border-radius:18px;padding:18px 16px;background:rgba(255,255,255,.05)}
.sv-stat b{display:block;font-family:var(--hf);font-size:clamp(26px,6vw,38px);line-height:1.05}
.sv-stat small{display:block;color:rgba(255,255,255,.78);font-size:13.5px;margin-top:6px}
.sv-stat b.y{color:var(--ta)}
.sv-art{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);border-radius:24px;padding:14px;align-self:center}
.sv-art svg{width:100%;height:auto;border-radius:16px}

/* generic section */
.sv-sec{padding:54px 0}.sv-sec.w{background:#fff}.sv-sec.t{background:var(--tl)}
.sv-head{text-align:center;max-width:720px;margin:0 auto 32px}
.sv-tag{display:inline-block;background:var(--tl2);color:var(--td);font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;padding:7px 16px;border-radius:99px}
.sv-head h2{font-size:clamp(26px,5.6vw,40px);margin:14px 0 0}
.sv-head p{color:var(--mut);margin-top:12px;font-size:15.5px}

/* what-is */
.sv-two{display:grid;gap:30px;grid-template-columns:minmax(0,1fr);align-items:start}
.sv-two h2{font-size:clamp(26px,5.6vw,40px);margin:14px 0 16px}
.sv-two p{color:#475569;font-size:16px;margin-bottom:14px}
.sv-two p b{color:var(--ink)}.sv-two p a{color:var(--bl);text-decoration:underline}
.sv-best{background:var(--tl);border:1px solid var(--tl2);border-radius:18px;padding:20px;margin-top:20px}
.sv-best h4{font-size:17px;color:var(--td);margin-bottom:12px}
.sv-best ul{display:grid;grid-template-columns:1fr;gap:9px 18px}
.sv-best li{display:flex;gap:9px;align-items:flex-start;font-size:14.5px;color:var(--td);font-weight:500}
.sv-best li .ic{width:17px;height:17px;margin-top:3px;color:var(--tc)}
.sv-photo{border-radius:20px;overflow:hidden;box-shadow:var(--sh-lg);aspect-ratio:16/9;background:#e2e8f0}
.sv-photo img{width:100%;height:100%;object-fit:cover}
.sv-how h3{font-size:22px;text-align:center;margin:22px 0 14px}
.sv-how-l{display:grid;gap:10px;background:#f8fafc;border:1px solid var(--line);border-radius:20px;padding:14px}
.sv-hw{display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}
.sv-hw .n{flex:none;width:38px;height:38px;border-radius:11px;background:var(--tl2);color:var(--td);display:grid;place-items:center;font-family:var(--hf);font-weight:800}
.sv-hw small{display:block;font-size:11.5px;font-weight:700;color:#64748b;letter-spacing:.04em}
.sv-hw h5{font-family:var(--hf);font-size:16px;margin:1px 0 3px}
.sv-hw p{font-size:13.5px;color:var(--mut);margin:0}

/* benefit cards */
.sv-banner{border-radius:22px;overflow:hidden;box-shadow:var(--sh-lg);margin-bottom:26px;aspect-ratio:21/8;background:#cbd5e1}
.sv-banner img{width:100%;height:100%;object-fit:cover}
.sv-cards{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.sv-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 1px 3px rgba(15,23,42,.04)}
.sv-card .ib{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;margin-bottom:14px;background:var(--tl2);color:var(--td)}
.sv-card .ib .ic{width:22px;height:22px}
.sv-card .ib.c2{background:#dcfce7;color:#15803d}.sv-card .ib.c3{background:#fef3c7;color:#b45309}.sv-card .ib.c4{background:#ffedd5;color:#c2410c}.sv-card .ib.c5{background:#ccfbf1;color:#0f766e}.sv-card .ib.c6{background:#ede9fe;color:#7c3aed}
.sv-card h3{font-size:18px;margin-bottom:6px}
.sv-card p{font-size:14.5px;color:var(--mut)}

/* subsidy block (on-grid / hybrid) */
.sv-sub{display:grid;gap:22px;grid-template-columns:minmax(0,1fr);align-items:start}
.sv-sub h2{font-size:clamp(26px,5.6vw,40px);margin:14px 0 12px}
.sv-sub>div>p{color:#475569}
.sv-amt{background:#fffbeb;border:1px solid #fde68a;border-radius:18px;padding:20px;margin:18px 0}
.sv-amt h4{color:#92400e;font-size:18px;margin-bottom:8px}
.sv-amt div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #fef3c7}
.sv-amt div:first-of-type{border-top:0}
.sv-amt b{font-size:15px;display:block}.sv-amt small{color:#78716c;font-size:12.5px}.sv-amt strong{color:#b45309;font-family:var(--hf);white-space:nowrap}
.sv-note{background:#ecfdf5;border:1px solid #bbf7d0;border-radius:14px;padding:14px 16px;font-size:14px;color:#166534}
.sv-note b{display:block;margin-bottom:2px}
.sv-dark{background:#0f172a;color:#fff;border-radius:24px;padding:22px}
.sv-dark>small{display:block;font-size:11.5px;font-weight:800;letter-spacing:.1em;color:#94a3b8;margin-bottom:12px}
.sv-dk-r{padding:14px 0;border-top:1px solid #ffffff17}.sv-dk-r:first-of-type{border-top:0}
.sv-dk-r .t{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;gap:8px}
.sv-dk-r .t b{font-family:var(--hf);font-size:16px}.sv-dk-r .t span{font-size:11.5px;font-weight:700;color:#fbbf24;background:#fbbf2420;border-radius:8px;padding:3px 9px;white-space:nowrap}
.sv-dk-r .c{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.sv-dk-r .c div{background:#1e293b;border-radius:10px;padding:8px 4px;text-align:center;font-size:11px;color:#94a3b8}
.sv-dk-r .c b{display:block;font-size:13px;color:#fff;margin-top:2px}.sv-dk-r .c b.g{color:#4ade80}.sv-dk-r .c b.y{color:#fbbf24}
.sv-dark p{font-size:11.5px;color:#64748b;margin:12px 0 14px}

/* price table */
.sv-tw{background:#fff;border-radius:22px;overflow:hidden;box-shadow:var(--sh-lg);border:1px solid var(--line)}
.sv-ts{overflow-x:auto;-webkit-overflow-scrolling:touch}
.sv-t{width:100%;border-collapse:collapse;min-width:640px;font-size:14.5px}
.sv-t th{background:#0f172a;color:#fff;text-align:center;padding:16px 12px;font-size:13px;font-weight:700;line-height:1.3}
.sv-t.c-or th{background:#b45309}.sv-t.c-gr th{background:#15803d}.sv-t.c-tl th{background:#0f766e}.sv-t.c-bl th{background:#1d4ed8}
.sv-t th:first-child,.sv-t td:first-child{text-align:left;padding-left:22px}
.sv-t td{text-align:center;padding:14px 12px;border-top:1px solid #f1f5f9;color:#475569}
.sv-t td:first-child{font-weight:800;color:var(--ink)}
.sv-t tbody tr:nth-child(even){background:#fafbfc}
.sv-t tr.hl{background:var(--tl)!important;box-shadow:inset 4px 0 0 var(--tc)}
.sv-t tr.hl td:first-child{color:var(--td)}
.sv-t .pill-pop{display:inline-block;margin-left:6px;font-size:10.5px;background:var(--tl2);color:var(--td);border-radius:99px;padding:2px 9px;font-weight:800;vertical-align:middle}
.sv-t .a{color:#b45309;font-weight:700}.sv-t .g{color:#15803d;font-weight:700}.sv-t .k{color:var(--ink);font-weight:700}
.sv-tn{display:flex;gap:10px;align-items:flex-start;background:#fffbeb;color:#b45309;font-size:13px;padding:14px 20px;border-top:1px solid #fde68a}
.sv-tn .ic{margin-top:2px}

/* process */
.sv-steps{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.sv-step{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;position:relative}
.sv-step .no{display:inline-block;font-family:var(--hf);font-weight:800;font-size:12px;color:#fff;background:var(--tc);border-radius:8px;padding:4px 9px}
.sv-step .ib{width:46px;height:46px;border-radius:13px;background:var(--tl2);color:var(--td);display:grid;place-items:center;margin:14px 0 12px}
.sv-step h3{font-size:18px;margin-bottom:6px}.sv-step p{font-size:14px;color:var(--mut)}

/* components */
.sv-comp{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.sv-cp{border:1.5px solid var(--tl2);background:var(--tl);border-radius:18px;padding:20px}
.sv-cp:nth-child(2n){border-color:#fed7aa;background:#fff7ed}
.sv-cp:nth-child(3n){border-color:#fecdd3;background:#fff1f2}
.sv-cp:nth-child(4n){border-color:#a7f3d0;background:#ecfdf5}
.sv-cp:nth-child(5n){border-color:#e2e8f0;background:#f8fafc}
.sv-cp:nth-child(6n){border-color:#99f6e4;background:#f0fdfa}
.sv-cp .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.sv-cp .top span{font-size:12px;font-weight:700;background:#fff;border:1px solid var(--line);border-radius:99px;padding:3px 12px;color:#334155}
.sv-cp .top i{font-style:normal;font-size:12.5px;font-weight:800;color:#b45309}
.sv-cp h3{font-size:19px;margin-bottom:8px}.sv-cp p{font-size:14.5px;color:#475569}

/* comparison options (batteries / plans) */
.sv-opt{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
.sv-op{border-radius:24px;padding:26px;position:relative}
.sv-op.dk{background:#0f172a;color:#fff}.sv-op.lt{background:#fffbeb;border:1.5px solid #fde68a}
.sv-op small.k{font-size:12px;font-weight:800;letter-spacing:.08em;color:#4ade80}.sv-op.lt small.k{color:#b45309}
.sv-op h3{font-size:clamp(22px,4.6vw,28px);margin:10px 0 10px}
.sv-op>p{font-size:14.5px;opacity:.8;margin-bottom:16px}
.sv-op ul{display:grid;gap:10px;margin-bottom:20px}
.sv-op li{display:flex;gap:10px;font-size:14.5px;align-items:flex-start}.sv-op li .ic{color:#4ade80;margin-top:3px}.sv-op.lt li .ic{color:#d97706}
.sv-op .pr{border-radius:14px;padding:14px 16px}.sv-op.lt .pr{background:#fef3c7}
.sv-op .pr small{display:block;font-size:12.5px;opacity:.75}.sv-op .pr b{font-family:var(--hf);font-size:clamp(22px,5vw,30px)}.sv-op .pr b span{font-size:13px;font-weight:500;opacity:.8}.sv-op.lt .pr b{color:#92400e}
.sv-op .rec{position:absolute;top:18px;right:18px;background:#22c55e;color:#fff;font-size:12px;font-weight:800;padding:5px 13px;border-radius:99px}

/* comparison tick lists */
.sv-farm{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
.sv-fm{background:#fff;border:1.5px solid var(--tl2);border-radius:20px;padding:22px;position:relative}
.sv-fm.pop{background:var(--tc);color:#fff;border-color:var(--tc);box-shadow:var(--sh-lg)}
.sv-fm .mp{position:absolute;top:-12px;right:18px;background:#fbbf24;color:#422006;font-size:11.5px;font-weight:800;padding:4px 12px;border-radius:99px}
.sv-fm h3{font-size:26px}.sv-fm>small{display:block;font-size:13px;opacity:.75;margin-bottom:10px}
.sv-fm .pr{font-family:var(--hf);font-size:30px;font-weight:800;margin:6px 0 2px}
.sv-fm .ni{font-size:12.5px;opacity:.75;margin-bottom:14px}
.sv-fm ul{display:grid;gap:9px;margin-bottom:18px}.sv-fm li{display:flex;gap:9px;font-size:14.5px;align-items:flex-start}.sv-fm li .ic{margin-top:3px;color:var(--tc)}.sv-fm.pop li .ic{color:#fff}
.sv-fm .btn{width:100%}.sv-fm:not(.pop) .btn{background:var(--tc);color:#fff}.sv-fm.pop .btn{background:#fff;color:var(--td)}

/* faq */
.sv-faq{max-width:820px;margin:0 auto;display:grid;gap:10px}
.sv-faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 18px}
.sv-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px 0;font-weight:700;font-size:15.5px}
.sv-faq summary::-webkit-details-marker{display:none}
.sv-faq summary::after{content:"+";font-size:22px;color:var(--tc);font-weight:500;transition:transform .2s}
.sv-faq details[open] summary::after{transform:rotate(45deg)}
.sv-faq details p{padding:0 0 16px;color:#475569;font-size:14.5px}

/* related + cta */
.sv-rel{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
.sv-rel a{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;transition:.2s}
.sv-rel a:hover{border-color:var(--tc);transform:translateY(-2px);box-shadow:var(--sh)}
.sv-rel b{font-family:var(--hf);font-size:15px}.sv-rel small{color:var(--mut);font-size:12.5px;line-height:1.4}
.sv-cta2{background:linear-gradient(135deg,var(--t1),var(--t2));color:#fff;text-align:center;padding:50px 0}
.sv-cta2 h2{font-size:clamp(26px,6vw,38px);margin-bottom:10px}.sv-cta2 p{opacity:.88;margin-bottom:22px}
.sv-cta2 .bt{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}

/* tablet + desktop */
@media(min-width:700px){
  .sv-cards,.sv-comp,.sv-farm{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sv-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sv-best ul{grid-template-columns:1fr 1fr}
  .sv-opt{grid-template-columns:1fr 1fr}
  .sv-rel{grid-template-columns:repeat(4,1fr)}
}
@media(min-width:980px){
  .sv-hero{padding:48px 0 56px}
  .sv-hero .container{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px}
  .sv-hero .sv-tiles{grid-column:1}
  .sv-two{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px}
  .sv-sub{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:48px}
  .sv-cards,.sv-comp,.sv-farm{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sv-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sv-sec{padding:72px 0}
}
@media(prefers-reduced-motion:reduce){.sv-rel a,.sv-faq summary::after{transition:none}}

/* ===== detailed pages (atta chakki, solar pump) ===== */
.sv-mini{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.sv-mini div{background:var(--tl);border:1px solid var(--tl2);border-radius:14px;padding:14px 16px}
.sv-mini .ic{color:var(--tc);width:20px;height:20px;margin-bottom:6px}
.sv-mini b{display:block;font-size:15px}.sv-mini small{color:var(--mut);font-size:13px}
.sv-qc{background:var(--td);color:#fff;border-radius:20px;padding:22px;margin-top:18px}
.sv-qc small{display:block;font-weight:800;letter-spacing:.08em;color:#fde68a;margin-bottom:12px;font-size:12.5px}
.sv-qc div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:15px}
.sv-qc b{font-family:var(--hf)}.sv-qc b.g{color:#86efac}
.sv-qc .tot{border-top:1px solid #ffffff40;margin-top:6px;padding-top:12px;font-weight:800;font-size:17px}.sv-qc .tot b{color:#fde68a;font-size:24px}
.sv-pks{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
.sv-pk{background:#fff;border:1.5px solid var(--tl2);border-radius:20px;padding:22px;position:relative;display:flex;flex-direction:column}
.sv-pk.pop{background:var(--tc);color:#fff;border-color:var(--tc);box-shadow:var(--sh-lg)}
.sv-pk .mp{position:absolute;top:14px;left:20px;right:20px;background:#fff;color:var(--td);text-align:center;font-size:12.5px;font-weight:800;border-radius:99px;padding:4px}
.sv-pk.pop h3{margin-top:34px}
.sv-pk h3{font-size:32px}.sv-pk>small{display:block;opacity:.75;font-size:14px;margin-bottom:14px}
.sv-pk .pr{font-family:var(--hf);font-size:28px;font-weight:800;color:var(--td)}.sv-pk.pop .pr{color:#fff}
.sv-pk .ni{font-size:12.5px;opacity:.7;margin-bottom:14px}
.sv-pk dl{display:grid;gap:8px;margin-bottom:18px;font-size:14.5px}.sv-pk dl div{display:flex;justify-content:space-between;gap:8px}.sv-pk dd{font-weight:800}
.sv-pk .btn{margin-top:auto;width:100%;background:#fff;color:var(--td);border:1.5px solid var(--tc)}.sv-pk.pop .btn{border-color:#fff}
.sv-nbs{display:grid;gap:12px;margin-top:6px}
.sv-nb{display:flex;gap:14px;background:var(--tl);border:1px solid var(--tl2);border-radius:16px;padding:18px}
.sv-nb .n,.sv-as .n{flex:none;width:36px;height:36px;border-radius:10px;background:var(--tc);color:#fff;display:grid;place-items:center;font-weight:800;font-family:var(--hf)}
.sv-nb h4{font-size:17px;margin-bottom:4px}.sv-nb p{font-size:14.5px;color:var(--mut)}
.sv-pj{display:flex;justify-content:space-between;gap:10px;padding:14px 0;border-top:1px solid #ffffff17}.sv-pj:first-of-type{border-top:0}
.sv-pj b{color:#4ade80;text-align:right}
.sv-grad{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;background:linear-gradient(90deg,#2563eb,#06b6d4);color:#fff;border-radius:16px;padding:20px 22px}
.sv-grad b{font-family:var(--hf);font-size:20px;display:block}.sv-grad span{font-size:14px;opacity:.9}.sv-grad .r{text-align:right}.sv-grad .r b{font-size:34px;color:#a5f3fc}
.sv-pan{padding:24px}.sv-pan>small{display:block;font-weight:800;letter-spacing:.08em;opacity:.8;margin-bottom:14px}
.sv-pan .it{display:flex;gap:14px;align-items:center;padding:8px 0}.sv-pan .n{flex:none;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.16);display:grid;place-items:center;font-weight:800}
.sv-pan b{display:block;font-size:16px}.sv-pan .it small{opacity:.75;font-size:13.5px}
.sv-pan .ft{border-top:1px solid #ffffff30;margin-top:12px;padding-top:18px;text-align:center}.sv-pan .ft b{font-family:var(--hf);font-size:26px;color:#67e8f9}.sv-pan .ft span{font-size:13.5px;opacity:.8}
.sv-flow{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.sv-fl{border:1.5px solid var(--tl2);border-radius:20px;padding:22px;text-align:center;background:#fff}
.sv-fl:nth-child(1){background:#fffbeb;border-color:#fde68a}.sv-fl:nth-child(2){background:#eff6ff;border-color:#bfdbfe}.sv-fl:nth-child(3){background:#ecfeff;border-color:#a5f3fc}.sv-fl:nth-child(4){background:#f0fdf4;border-color:#bbf7d0}
.sv-fl .ib{width:50px;height:50px;margin:0 auto 10px;display:grid;place-items:center;color:var(--tc)}.sv-fl .ib .ic{width:34px;height:34px}
.sv-fl .n{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#2563eb;color:#fff;font-weight:800;font-size:13px;margin-bottom:10px}
.sv-fl h3{font-size:18px;margin-bottom:6px}.sv-fl p{font-size:14px;color:var(--mut)}
.sv-banner.full{border-radius:0;aspect-ratio:auto;height:clamp(110px,16vw,230px);margin:0;box-shadow:none}
.sv-pcs{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.sv-pc{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;text-align:center}
.sv-pc b{display:block;font-family:var(--hf);font-size:clamp(40px,8vw,54px);line-height:1}.sv-pc b.b{color:#1d4ed8}.sv-pc b.g{color:#15803d}.sv-pc b.o{color:#ea580c}
.sv-pc h3{margin:10px 0 6px;font-size:20px}.sv-pc p{color:var(--mut);font-size:14.5px}
.sv-t .s{text-decoration:line-through;color:#94a3b8}
.sv-vs{display:grid;gap:18px;grid-template-columns:minmax(0,1fr);max-width:1000px;margin:0 auto}
.sv-vs>div{border-radius:24px;padding:26px;position:relative}
.sv-vs .d{background:#fff1f2;border:1.5px solid #fecdd3;color:#9f1239}.sv-vs .s{background:#f0fdf4;border:1.5px solid #86efac;color:#166534}
.sv-vs h3{font-size:24px;margin-bottom:12px}.sv-vs>div>div{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-top:1px solid #0000000f;font-size:15px}
.sv-vs b{text-align:right}.sv-vs .w{position:absolute;top:26px;right:26px;background:#22c55e;color:#fff;font-size:12px;font-weight:800;border-radius:99px;padding:4px 14px}
.sv-band{background:linear-gradient(135deg,#1e3a8a,#0e7490);padding:60px 0;color:#fff}
.sv-aps{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.sv-ap{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:18px;padding:22px}
.sv-ap .ic{width:30px;height:30px;color:#67e8f9;margin-bottom:10px}.sv-ap h3{font-size:19px;margin-bottom:6px}.sv-ap p{font-size:14.5px;opacity:.85}
.sv-aps5{display:grid;gap:22px;grid-template-columns:minmax(0,1fr);text-align:center}
.sv-as .n{width:56px;height:56px;border-radius:50%;background:#2563eb;margin:0 auto 12px;font-size:22px}.sv-as h4{font-size:17px;margin-bottom:6px}.sv-as p{font-size:14px;color:var(--mut)}
@media(min-width:700px){.sv-pks{grid-template-columns:1fr 1fr}.sv-flow{grid-template-columns:1fr 1fr}.sv-pcs{grid-template-columns:repeat(3,1fr)}.sv-vs{grid-template-columns:1fr 1fr}.sv-aps{grid-template-columns:1fr 1fr}.sv-aps5{grid-template-columns:repeat(3,1fr)}}
@media(min-width:980px){.sv-pks{grid-template-columns:repeat(4,1fr)}.sv-flow{grid-template-columns:repeat(4,1fr)}.sv-aps{grid-template-columns:repeat(4,1fr)}.sv-aps5{grid-template-columns:repeat(5,1fr)}}
.sv.t-sky{--t1:#0f2a4f;--t2:#0a7ec2;--ta:#22d3ee;--tc:#0891b2;--tl:#eff6ff;--tl2:#dbeafe;--td:#1d4ed8}

/* ===== v2 fixes: clearer images + services dropdown ===== */
.sv-banner{aspect-ratio:16/7;max-width:980px;margin-left:auto;margin-right:auto}
.sv-banner.full{max-width:none}
.sv-banner img,.sv-photo img{image-rendering:auto;object-position:center 60%}
.sv-photo{max-width:760px}
.pj img{object-position:center}
@media(min-width:1024px){
  .dd-m{top:100%;padding-top:8px;width:340px;z-index:80;border-top:0;background:transparent;box-shadow:none;border:0}
  .dd-m::before{content:"";position:absolute;inset:8px 0 0 0;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-lg);z-index:-1}
  .dd-m{display:block}
  .dd-m>*{position:relative}
  .dd-m h6{margin:6px 8px 4px}
  .dd-m a{padding:9px 12px;align-items:center;margin:0 4px}
  .dd-m a .ic{width:38px;height:38px;padding:9px;border-radius:11px;background:#ecfdf5;color:#15803d;position:relative;top:2px;flex:none}
  .dd-m h6.o~a .ic{background:#fff7ed;color:#c2410c}
  .dd-m a:hover .ic{background:#15803d;color:#fff}
  .dd-m h6.o~a:hover .ic{background:#c2410c;color:#fff}
  .dd-m a:last-child{margin-top:6px;border-top:1px solid var(--line);border-radius:0 0 10px 10px}
  .dd-m a:last-child .ic{width:16px;height:16px;padding:0;background:none;top:0}
}

/* ===== animated images ===== */
.sv-banner,.sv-photo,.pj,.sys .im,.gi{position:relative;overflow:hidden}
.js-anim{opacity:0;transform:translateY(28px) scale(.97);clip-path:inset(0 0 14% 0 round 22px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1),clip-path 1.1s cubic-bezier(.2,.7,.2,1)}
.js-anim.img-in{opacity:1;transform:none;clip-path:inset(0 0 0 0 round 22px)}
.sv-banner img,.sv-photo img,.pj img,.sys .im img,.gi img{transform:scale(1.04);transition:transform .8s ease}
.img-in img{animation:kb 16s ease-in-out infinite alternate}
.sv-photo.img-in img,.pj.img-in>img,.sys .im.img-in img{animation-duration:12s}
.sv-banner.img-in img{animation-name:kb2}
@keyframes kb{0%{transform:scale(1.04) translate(0,0)}100%{transform:scale(1.14) translate(-1.8%,-1.2%)}}
@keyframes kb2{0%{transform:scale(1.04) translate(1.5%,0)}100%{transform:scale(1.13) translate(-1.5%,-1%)}}
.sv-banner:hover img,.sv-photo:hover img,.pj:hover>img,.sys:hover .im img,.gi:hover img{animation-play-state:paused;transform:scale(1.18)}
/* light sweep */
.sv-banner::after,.sv-photo::after,.pj>img+*::before{pointer-events:none}
.sv-banner::after,.sv-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%);transform:translateX(-120%);z-index:2}
.sv-banner.img-in::after,.sv-photo.img-in::after{animation:sweep 1.6s .5s ease-out 1,sweep 6s 5s ease-in-out infinite}
@keyframes sweep{0%{transform:translateX(-120%)}60%,100%{transform:translateX(120%)}}
@media(prefers-reduced-motion:reduce){.js-anim{opacity:1;transform:none;clip-path:none}.img-in img{animation:none}}