/* ████████████████████████████████████████████████████████████████████
   SHOPIFY SUPPORT & MAINTENANCE — "control room" page, no page wrapper
   smh hero · smg signs · smc coverage · smr retainer · smp pricing · smw who-for
   smi case study · smy why-stay · smk checklist · smf faq · smz contact
   ████████████████████████████████████████████████████████████████████ */
:root{
  --sm-brand:#fa294f;--sm-brand2:#ff3d63;--sm-ink:#0d0b14;--sm-black:#050608;--sm-ground:#f4f2ee;--sm-paper:#fbfafb;
  --sm-mute:#5c5866;--sm-soft:#8a8694;--sm-line:rgba(13,11,20,.09);--sm-green:#00a876;--sm-amber:#f5a524;--sm-ease:cubic-bezier(.16,1,.3,1);
  --sm-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}

/* ═══ 01 · HERO (smh) ═══ */
.smh{position:relative;overflow:hidden;padding:128px 0 80px;background:var(--sm-ground);color:var(--sm-ink)}
@media(min-width:1024px){.smh{padding:156px 0 112px}}
.smh svg:not(.smh-beat){width:1em;height:1em;flex-shrink:0}
.smh-sprite{position:absolute;width:0!important;height:0!important;overflow:hidden}
.smh-wrap{max-width:1320px;margin:0 auto;padding:0 20px;display:grid;gap:48px;align-items:center}
@media(min-width:768px){.smh-wrap{padding:0 32px}}
@media(min-width:1024px){.smh-wrap{grid-template-columns:1.1fr .9fr;gap:64px}}
.smh-wrap>*{min-width:0}
.smh-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 20px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--sm-mute)}
.smh-pulse{width:10px;height:10px;border-radius:50%;background:var(--sm-green);box-shadow:0 0 0 0 rgba(0,168,118,.5);animation:smh-pulse 1.8s infinite}
@keyframes smh-pulse{70%{box-shadow:0 0 0 10px rgba(0,168,118,0)}100%{box-shadow:0 0 0 0 rgba(0,168,118,0)}}
.smh-h1{margin:0 0 22px;font-weight:700;font-size:clamp(38px,5.6vw,72px);line-height:1.02;letter-spacing:-.05em}
.smh-lead{margin:0 0 14px;font-size:18px;line-height:1.7;color:var(--sm-ink);font-weight:500}
.smh-p{margin:0 0 26px;font-size:15.5px;line-height:1.8;color:var(--sm-mute)}
.smh-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:26px}
.smh-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 24px;border-radius:999px;font-size:15px;font-weight:700;line-height:1;transition:transform .3s var(--sm-ease),background .25s}
.smh-btn:hover{transform:translateY(-2px)}
.smh-btn-main{background:var(--sm-brand);color:#fff}
.smh-btn-main:hover{background:var(--sm-ink)}
.smh-btn-wa{background:#fff;color:var(--sm-ink);border:1.5px solid rgba(13,11,20,.15)}
.smh-btn-wa svg{color:#25d366}
.smh-note{margin:0;padding:16px 18px;border-left:3px solid var(--sm-brand);background:#fff;border-radius:0 14px 14px 0;font-size:14px;line-height:1.7;color:var(--sm-mute)}
.smh-note strong{color:var(--sm-ink)}
.smh-monitor{margin:0;padding:20px;border-radius:24px;background:var(--sm-black);color:#fff;box-shadow:0 50px 90px -50px rgba(13,11,20,.7)}
.smh-mon-top{display:flex;align-items:center;gap:10px;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08);font-family:var(--sm-mono);font-size:11.5px;color:rgba(255,255,255,.5)}
.smh-mon-dots{display:flex;gap:5px}
.smh-mon-dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.18)}
.smh-mon-dots i:first-child{background:var(--sm-brand)}
.smh-mon-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.smh-mon-live{display:flex;align-items:center;gap:6px;color:#4ade80}
.smh-mon-live i{width:7px;height:7px;border-radius:50%;background:#4ade80;animation:smh-blink 1.4s infinite}
@keyframes smh-blink{50%{opacity:.3}}
.smh-uptime{padding:18px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.smh-up-k{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.smh-up-v{display:block;margin-top:4px;font-size:clamp(52px,7vw,76px);font-weight:700;line-height:1;letter-spacing:-.05em;color:#4ade80}
.smh-beat{display:block;width:100%;height:70px;margin-top:10px}
.smh-beat-bg{fill:none;stroke:rgba(74,222,128,.15);stroke-width:2}
.smh-beat-ln{fill:none;stroke:#4ade80;stroke-width:2.5;stroke-linejoin:round;stroke-dasharray:90 400;animation:smh-beat 2.6s linear infinite;filter:drop-shadow(0 0 6px rgba(74,222,128,.6))}
@keyframes smh-beat{from{stroke-dashoffset:490}to{stroke-dashoffset:0}}
.smh-stats{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.smh-stats li{padding:14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.smh-stats span{display:block;font-size:11.5px;line-height:1.35;color:rgba(255,255,255,.55)}
.smh-stats b{display:block;margin-top:4px;font-size:24px;font-weight:800;letter-spacing:-.03em}
.smh-good{color:#4ade80}
.smh-mon-cap{margin-top:12px;font-size:12px;color:rgba(255,255,255,.4)}
@media(prefers-reduced-motion:reduce){.smh-pulse,.smh-beat-ln,.smh-mon-live i{animation:none}}

/* ═══ 02 · SIGNS (smg) ═══ */
.smg{background:var(--sm-black);color:#fff;padding:88px 0}
@media(min-width:768px){.smg{padding:120px 0}}
.smg svg{width:1em;height:1em;flex-shrink:0}
.smg-wrap{max-width:1320px;margin:0 auto;padding:0 20px}
@media(min-width:768px){.smg-wrap{padding:0 32px}}
.smg-head{max-width:780px;margin-bottom:44px}
.smg-tag{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;padding:6px 12px;border-radius:999px;background:rgba(245,165,36,.14);color:#fbd38d;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.smg-h2{margin:0 0 16px;font-weight:700;font-size:clamp(28px,4vw,48px);line-height:1.08;letter-spacing:-.04em}
.smg-p{margin:0;font-size:16px;line-height:1.75;color:rgba(255,255,255,.62)}
.smg-grid{list-style:none;margin:0;padding:0;display:grid;gap:12px}
@media(min-width:700px){.smg-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.smg-grid{grid-template-columns:repeat(3,1fr)}}
.smg-card{position:relative;padding:24px;border-radius:22px;background:#0f0e15;border:1px solid rgba(255,255,255,.08);transition:border-color .3s,transform .4s var(--sm-ease)}
.smg-card:hover{border-color:rgba(245,165,36,.45);transform:translateY(-3px)}
.smg-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.smg-light{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,#ffd27a,var(--sm-amber) 55%,#b86e00);color:#2a1700;box-shadow:0 0 0 4px rgba(245,165,36,.12),0 0 24px rgba(245,165,36,.45);animation:smg-glow 2.4s ease-in-out infinite;animation-delay:var(--smg-d)}
.smg-light svg{width:20px;height:20px}
@keyframes smg-glow{50%{box-shadow:0 0 0 4px rgba(245,165,36,.05),0 0 8px rgba(245,165,36,.15);filter:saturate(.7) brightness(.85)}}
@media(prefers-reduced-motion:reduce){.smg-light{animation:none}}
.smg-n{font-family:var(--sm-mono);font-size:12px;color:rgba(255,255,255,.35)}
.smg-h3{margin:0 0 10px;font-weight:700;font-size:18.5px;line-height:1.3;letter-spacing:-.02em}
.smg-text{margin:0;font-size:14px;line-height:1.72;color:rgba(255,255,255,.6)}

/* ═══ 03 · COVERAGE (smc) ═══ */
.smc{background:var(--sm-paper);color:var(--sm-ink);padding:88px 0}
@media(min-width:768px){.smc{padding:120px 0}}
.smc svg{width:1em;height:1em;flex-shrink:0}
.smc-wrap{max-width:1320px;margin:0 auto;padding:0 20px}
@media(min-width:768px){.smc-wrap{padding:0 32px}}
.smc-head{display:grid;gap:16px;margin-bottom:36px}
@media(min-width:1024px){.smc-head{grid-template-columns:1fr 1fr;column-gap:56px;align-items:end}.smc-index{grid-column:1/-1}}
.smc-h2{margin:0;font-weight:700;font-size:clamp(28px,4vw,48px);line-height:1.08;letter-spacing:-.04em}
.smc-p{margin:0;font-size:16px;line-height:1.75;color:var(--sm-mute)}
.smc-index{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.smc-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 7px;border-radius:999px;background:var(--sm-ground);font-size:12.5px;font-weight:700;transition:background .2s,color .2s}
.smc-chip b{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;font-size:11px}
.smc-chip:hover{background:var(--sm-ink);color:#fff}
.smc-chip:hover b{background:var(--sm-brand);color:#fff}
.smc-board{columns:1;column-gap:14px}
@media(min-width:760px){.smc-board{columns:2}}
@media(min-width:1180px){.smc-board{columns:3}}
.smc-card{break-inside:avoid;display:inline-block;width:100%;margin:0 0 14px;padding:24px;border-radius:22px;background:#fff;border:1px solid var(--sm-line);scroll-margin-top:110px;transition:box-shadow .3s,border-color .3s}
.smc-card:target{border-color:var(--sm-brand);box-shadow:0 0 0 4px rgba(250,41,79,.12)}
.smc-card-hot{background:var(--sm-ink);color:#fff;border-color:var(--sm-ink)}
.smc-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.smc-ico{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--sm-ground);color:var(--sm-brand)}
.smc-ico svg{width:20px;height:20px}
.smc-card-hot .smc-ico{background:var(--sm-brand);color:#fff}
.smc-n{font-family:var(--sm-mono);font-size:11px;color:var(--sm-soft)}
.smc-card-hot .smc-n{color:rgba(255,255,255,.4)}
.smc-h3{margin:0 0 12px;font-weight:700;font-size:19px;letter-spacing:-.02em;line-height:1.25}
.smc-proof{display:flex;align-items:baseline;gap:10px;margin:0 0 14px;padding:12px 14px;border-radius:14px;background:rgba(0,168,118,.08)}
.smc-proof b{white-space:nowrap;font-size:26px;font-weight:800;letter-spacing:-.04em;color:var(--sm-green)}
.smc-proof span{font-size:12.5px;line-height:1.35;color:var(--sm-mute)}
.smc-card-hot .smc-proof{background:rgba(74,222,128,.1)}
.smc-card-hot .smc-proof b{color:#4ade80}
.smc-card-hot .smc-proof span{color:rgba(255,255,255,.7)}
.smc-text{margin:0 0 12px;font-size:14px;line-height:1.75;color:var(--sm-mute)}
.smc-card-hot .smc-text{color:rgba(255,255,255,.68)}
.smc-text a{color:var(--sm-brand);font-weight:700;border-bottom:1.5px solid rgba(250,41,79,.3)}
.smc-tags{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.smc-tags li{padding:4px 10px;border-radius:7px;border:1px solid var(--sm-line);font-size:12px;font-weight:700}
.smc-card-hot .smc-tags li{border-color:rgba(255,255,255,.18)}

/* ═══ 04 · RETAINER (smr) ═══ */
.smr{background:var(--sm-ground);color:var(--sm-ink);padding:88px 0}
@media(min-width:768px){.smr{padding:120px 0}}
.smr-wrap{max-width:1320px;margin:0 auto;padding:0 20px;display:grid;gap:40px}
@media(min-width:768px){.smr-wrap{padding:0 32px}}
@media(min-width:1024px){.smr-wrap{grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}.smr-loop{position:sticky;top:120px}}
.smr-wrap>*{min-width:0}
.smr-loop{position:relative;margin:0 auto;max-width:440px}
.smr-loop svg{display:block;width:100%;height:auto;overflow:visible}
.smr-ring{fill:none;stroke:rgba(13,11,20,.1);stroke-width:14}
.smr-run{fill:none;stroke:var(--sm-brand);stroke-width:14;stroke-linecap:round;stroke-dasharray:22 78;transform-origin:160px 160px;transform:rotate(-90deg);animation:smr-spin 6s linear infinite}
@keyframes smr-spin{to{transform:rotate(270deg)}}
@media(prefers-reduced-motion:reduce){.smr-run{animation:none}}
.smr-node circle{fill:var(--sm-ink);stroke:var(--sm-ground);stroke-width:6}
.smr-node text{fill:#fff;font-size:18px;font-weight:800;text-anchor:middle;font-family:inherit}
.smr-core{position:absolute;inset:30% 22%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.smr-core-k{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--sm-brand)}
.smr-core b{margin:6px 0 2px;font-size:clamp(18px,2.4vw,24px);font-weight:700;line-height:1.15;letter-spacing:-.03em}
.smr-core-s{font-size:12.5px;color:var(--sm-mute)}
.smr-legend{display:flex;justify-content:center;gap:14px;margin-top:12px}
.smr-legend span{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700}
.smr-legend i{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--sm-ink);color:#fff;font-style:normal;font-size:10.5px}
.smr-h2{margin:0 0 16px;font-weight:700;font-size:clamp(28px,4vw,48px);line-height:1.08;letter-spacing:-.04em}
.smr-p{margin:0 0 30px;font-size:16px;line-height:1.75;color:var(--sm-mute)}
.smr-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.smr-step{display:flex;gap:18px;padding:24px;border-radius:22px;background:#fff;border:1px solid var(--sm-line)}
.smr-step-n{flex-shrink:0;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--sm-brand);color:#fff;font-size:18px;font-weight:800}
.smr-step>div{min-width:0}
.smr-h3{margin:4px 0 10px;font-weight:700;font-size:19px;letter-spacing:-.02em}
.smr-step p{margin:0 0 10px;font-size:14.5px;line-height:1.75;color:var(--sm-mute)}
.smr-step p:last-child{margin-bottom:0}
.smr-aside{padding:12px 14px;border-radius:12px;background:var(--sm-ground);font-size:13.5px!important}
.smr-aside a{color:var(--sm-brand);font-weight:700}
@media(max-width:520px){.smr-step{flex-direction:column;gap:10px}}

/* ═══ 05 · PRICING (smp) ═══ */
.smp{background:var(--sm-paper);color:var(--sm-ink);padding:88px 0}
@media(min-width:768px){.smp{padding:120px 0}}
.smp svg{width:1em;height:1em;flex-shrink:0}
.smp-wrap{max-width:1320px;margin:0 auto;padding:0 20px;display:grid;gap:24px}
@media(min-width:768px){.smp-wrap{padding:0 32px}}
@media(min-width:1024px){.smp-wrap{grid-template-columns:1fr 1.1fr;column-gap:48px;align-items:start}.smp-head{grid-column:1/-1}}
.smp-wrap>*{min-width:0}
.smp-head{max-width:820px}
.smp-h2{margin:0 0 14px;font-weight:700;font-size:clamp(28px,4vw,48px);line-height:1.08;letter-spacing:-.04em}
.smp-p{margin:0;font-size:16px;line-height:1.75;color:var(--sm-mute)}
.smp-box{padding:26px;border-radius:28px;background:var(--sm-ink);color:#fff;position:relative;overflow:hidden}
@media(min-width:1024px){.smp-box{padding:36px}}
.smp-box::after{content:'₹';position:absolute;right:-20px;bottom:-80px;font-size:280px;font-weight:800;line-height:1;color:rgba(255,255,255,.03);pointer-events:none}
.smp-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:5px;border-radius:999px;background:rgba(255,255,255,.08);margin-bottom:28px}
.smp-opt{position:relative;z-index:1;padding:12px 10px;border:0;background:transparent;color:rgba(255,255,255,.65);font:inherit;font-size:14px;font-weight:700;cursor:pointer;border-radius:999px;transition:color .25s}
.smp-opt em{display:block;font-style:normal;font-size:10.5px;font-weight:800;color:#4ade80}
.smp-opt-on{color:var(--sm-ink)}
.smp-knob{position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:999px;background:#fff;transition:transform .45s var(--sm-ease)}
.smp-box[data-smp-plan="annual"] .smp-knob{transform:translateX(100%)}
.smp-price{position:relative;min-height:150px}
.smp-pp{transition:opacity .35s,transform .45s var(--sm-ease)}
.smp-pp-annual{position:absolute;inset:0;opacity:0;transform:translateY(10px);pointer-events:none}
.smp-box[data-smp-plan="annual"] .smp-pp-monthly{opacity:0;transform:translateY(-10px)}
.smp-box[data-smp-plan="annual"] .smp-pp-annual{opacity:1;transform:none}
.smp-from{display:block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.smp-pp b{display:inline-block;margin-top:6px;font-size:clamp(48px,6vw,72px);font-weight:700;line-height:1;letter-spacing:-.05em}
.smp-per{margin-left:6px;font-size:16px;font-weight:700;color:rgba(255,255,255,.6)}
.smp-bill{display:block;margin-top:10px;font-size:13.5px;color:#4ade80;font-weight:700}
.smp-incl{list-style:none;margin:10px 0 24px;padding:18px 0 0;border-top:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:1fr 1fr;gap:10px}
.smp-incl li{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600}
.smp-incl svg{color:#4ade80}
.smp-cta{position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;background:var(--sm-brand);color:#fff;font-size:15px;font-weight:700;transition:background .25s}
.smp-cta:hover{background:var(--sm-brand2)}
.smp-table-wrap{display:grid;gap:16px}
.smp-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:20px;overflow:hidden;border:1px solid var(--sm-line);background:#fff}
.smp-cap{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.smp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.smp-table th,.smp-table td{padding:14px 16px;text-align:left;font-size:14px;border-bottom:1px solid var(--sm-line)}
.smp-table thead th{background:var(--sm-ground);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.smp-table thead th:last-child{background:var(--sm-ink);color:#fff}
.smp-table tbody th{font-weight:700;color:var(--sm-mute)}
.smp-table tbody td:last-child{font-weight:700}
.smp-table tr:last-child th,.smp-table tr:last-child td{border-bottom:0}
.smp-notes p{margin:0 0 10px;font-size:14px;line-height:1.75;color:var(--sm-mute)}
.smp-notes a{color:var(--sm-brand);font-weight:700}

/* ═══ 06 · WHO FOR (smw) ═══ */
.smw{background:var(--sm-ground);color:var(--sm-ink);padding:88px 0;overflow:hidden}
@media(min-width:768px){.smw{padding:120px 0}}
.smw-wrap{max-width:1320px;margin:0 auto;padding:0 20px}
@media(min-width:768px){.smw-wrap{padding:0 32px}}
.smw-head{max-width:760px;margin-bottom:28px}
.smw-h2{margin:0 0 14px;font-weight:700;font-size:clamp(28px,4vw,48px);line-height:1.08;letter-spacing:-.04em}
.smw-p{margin:0;font-size:16px;line-height:1.75;color:var(--sm-mute)}
.smw-curve{position:relative;height:170px;margin-bottom:20px;display:none}
@media(min-width:900px){.smw-curve{display:block}}
.smw-curve svg{position:absolute;inset:0;width:100%;height:100%}
.smw-curve-fill{fill:rgba(250,41,79,.06)}
.smw-curve-ln{fill:none;stroke:var(--sm-brand);stroke-width:3;vector-effect:non-scaling-stroke}
.smw-dots{list-style:none;margin:0;padding:0}
.smw-dots li{position:absolute;left:var(--smw-x);top:var(--smw-y);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px}
.smw-dots i{width:18px;height:18px;border-radius:50%;background:#fff;border:4px solid var(--sm-brand)}
.smw-dots span{padding:3px 9px;border-radius:999px;background:var(--sm-ink);color:#fff;font-size:11px;font-weight:700;white-space:nowrap}
.smw-cards{list-style:none;margin:0;padding:0;display:grid;gap:10px}
@media(min-width:700px){.smw-cards{grid-template-columns:1fr 1fr}}
@media(min-width:1180px){.smw-cards{grid-template-columns:repeat(5,1fr)}}
.smw-card{padding:22px 20px;border-radius:20px;background:#fff;border:1px solid var(--sm-line);border-top:4px solid var(--sm-brand);min-width:0}
.smw-n{font-family:var(--sm-mono);font-size:11px;font-weight:700;color:var(--sm-brand)}
.smw-h3{margin:8px 0 10px;font-weight:700;font-size:16px;line-height:1.3;letter-spacing:-.01em}
.smw-text{margin:0;font-size:13.5px;line-height:1.7;color:var(--sm-mute)}
.smw-text a{color:var(--sm-brand);font-weight:700}

/* ═══ 07 · CASE STUDY (smi) ═══ */
.smi{background:var(--sm-black);color:#fff;padding:88px 0}
@media(min-width:768px){.smi{padding:120px 0}}
.smi svg{width:1em;height:1em;flex-shrink:0}
.smi-wrap{max-width:1320px;margin:0 auto;padding:0 20px}
@media(min-width:768px){.smi-wrap{padding:0 32px}}
.smi-head{max-width:900px;margin-bottom:36px}
.smi-client{display:inline-block;margin-bottom:16px;padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.15);font-family:var(--sm-mono);font-size:11.5px;color:rgba(255,255,255,.65)}
.smi-h2{margin:0 0 16px;font-weight:700;font-size:clamp(28px,4vw,50px);line-height:1.06;letter-spacing:-.04em}
.smi-h2 span{color:#4ade80}
.smi-p{margin:0;font-size:16px;line-height:1.75;color:rgba(255,255,255,.62)}
.smi-kpis{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
@media(min-width:760px){.smi-kpis{grid-template-columns:repeat(5,1fr)}}
.smi-kpis li{padding:20px;border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08)}
.smi-kpis li:first-child{background:var(--sm-brand);border-color:var(--sm-brand)}
@media(max-width:759px){.smi-kpis li:first-child{grid-column:1/-1}}
.smi-kpis b{display:block;font-size:clamp(30px,3.4vw,42px);font-weight:700;line-height:1;letter-spacing:-.04em}
.smi-kpis span{display:block;margin-top:8px;font-size:12.5px;line-height:1.4;color:rgba(255,255,255,.7)}
.smi-body{display:grid;gap:14px}
@media(min-width:1024px){.smi-body{grid-template-columns:.75fr 1.25fr}}
.smi-body>*{min-width:0}
.smi-k{margin:0 0 12px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#fbd38d}
.smi-challenge{padding:24px;border-radius:22px;border:1px dashed rgba(255,255,255,.2)}
.smi-challenge p:last-child{margin:0;font-size:15px;line-height:1.8;color:rgba(255,255,255,.7)}
.smi-log{padding:24px;border-radius:22px;background:#0f0e15;border:1px solid rgba(255,255,255,.08)}
.smi-tr{display:grid;gap:4px 16px;padding:12px 0;border-top:1px solid rgba(255,255,255,.07)}
@media(min-width:760px){.smi-tr{grid-template-columns:150px 1.2fr 1fr;align-items:center}}
.smi-th{display:none}
@media(min-width:760px){.smi-th{display:grid;border-top:0;padding-top:0;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.35)}}
.smi-area{font-size:13.5px;font-weight:800}
.smi-do{font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.62)}
.smi-res{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;font-weight:700;color:#4ade80;line-height:1.45}
.smi-res svg{margin-top:2px}
.smi-foot{max-width:960px;margin:24px 0 0;font-size:15px;line-height:1.8;color:rgba(255,255,255,.62)}

/* ═══ 08 · WHY STAY (smy) ═══ */
.smy{background:var(--sm-paper);color:var(--sm-ink);padding:88px 0}
@media(min-width:768px){.smy{padding:120px 0}}
.smy-wrap{max-width:1320px;margin:0 auto;padding:0 20px}
@media(min-width:768px){.smy-wrap{padding:0 32px}}
.smy-h2{max-width:820px;margin:0 0 14px;font-weight:700;font-size:clamp(28px,4vw,48px);line-height:1.08;letter-spacing:-.04em}
.smy-intro{max-width:760px;margin:0 0 36px;font-size:16px;line-height:1.75;color:var(--sm-mute)}
.smy-grid{display:grid;gap:16px}
@media(min-width:1024px){.smy-grid{grid-template-columns:1fr 1fr}}
.smy-grid>*{min-width:0}
.smy-a,.smy-b{padding:28px;border-radius:28px}
@media(min-width:1024px){.smy-a,.smy-b{padding:40px}}
.smy-a{background:var(--sm-ground)}
.smy-b{background:#fff;border:1px solid var(--sm-line)}
.smy-h3{margin:0 0 14px;font-weight:700;font-size:clamp(20px,2.2vw,25px);letter-spacing:-.03em;line-height:1.2}
.smy-a p,.smy-b p{margin:0 0 14px;font-size:15px;line-height:1.8;color:var(--sm-mute)}
.smy-b a{color:var(--sm-brand);font-weight:700}
.smy-quote{margin:22px 0 0;padding:24px 0 0;border-top:2px solid var(--sm-ink);font-size:clamp(26px,3.2vw,40px);font-weight:700;line-height:1.1;letter-spacing:-.04em}
.smy-quote span{display:block;color:var(--sm-brand)}
.smy-ctx{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:18px 0 22px;padding:14px 14px 50px;border-radius:18px;background:var(--sm-ink)}
.smy-ctx span{padding:10px 4px;border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font-size:12px;font-weight:700;text-align:center}
.smy-ctx b{position:absolute;left:14px;right:14px;bottom:12px;padding:6px;border-radius:8px;background:var(--sm-brand);color:#fff;font-size:12.5px;text-align:center}
@media(max-width:480px){.smy-ctx{grid-template-columns:1fr 1fr}}

/* ═══ 09 · CHECKLIST (smk) ═══ */
.smk{background:var(--sm-ground);color:var(--sm-ink);padding:88px 0}
@media(min-width:768px){.smk{padding:120px 0}}
.smk svg{width:1em;height:1em;flex-shrink:0}
.smk-wrap{max-width:1320px;margin:0 auto;padding:0 20px}
@media(min-width:768px){.smk-wrap{padding:0 32px}}
.smk-head{text-align:center;max-width:780px;margin:0 auto 48px}
.smk-h2{margin:0 0 14px;font-weight:700;font-size:clamp(28px,4vw,48px);line-height:1.08;letter-spacing:-.04em}
.smk-p{margin:0;font-size:16px;line-height:1.75;color:var(--sm-mute)}
.smk-boards{display:grid;gap:28px;align-items:start}
@media(min-width:1024px){.smk-boards{grid-template-columns:1.2fr 1fr;gap:32px}}
.smk-board{position:relative;padding:44px 24px 24px;border-radius:18px;background:#fff;box-shadow:0 1px 0 rgba(13,11,20,.06),0 30px 60px -40px rgba(13,11,20,.35);border-top:14px solid #c9a27a;min-width:0}
.smk-board:nth-child(2){transform:rotate(1deg)}
@media(min-width:1024px){.smk-board{transform:rotate(-.6deg)}.smk-board:nth-child(2){transform:rotate(1.2deg);margin-top:40px}}
.smk-clip{position:absolute;top:-30px;left:50%;width:110px;height:34px;margin-left:-55px;border-radius:10px 10px 6px 6px;background:linear-gradient(180deg,#d6d3cf,#a9a5a0);box-shadow:0 4px 8px rgba(0,0,0,.2)}
.smk-clip::after{content:'';position:absolute;top:7px;left:50%;width:40px;height:10px;margin-left:-20px;border-radius:6px;background:#7e7a75}
.smk-board-hot{border-top-color:var(--sm-brand)}
.smk-board-t{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px;padding-bottom:12px;border-bottom:2px solid var(--sm-ink);font-size:18px;font-weight:700;letter-spacing:-.02em}
.smk-board-t span{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--sm-ink);color:#fff;font-size:12px}
.smk-board-hot .smk-board-t span{background:var(--sm-brand)}
.smk-list{list-style:none;margin:0;padding:0}
.smk-list li{border-bottom:1px dashed rgba(13,11,20,.12)}
.smk-item{display:flex;gap:12px;align-items:flex-start;padding:11px 2px;cursor:pointer}
.smk-cb{position:absolute;opacity:0;width:1px;height:1px}
.smk-box{flex-shrink:0;width:22px;height:22px;margin-top:1px;border-radius:6px;border:2px solid rgba(13,11,20,.3);display:flex;align-items:center;justify-content:center;color:transparent;transition:all .2s}
.smk-cb:focus-visible+.smk-box{outline:2px solid var(--sm-brand);outline-offset:2px}
.smk-cb:checked+.smk-box{background:var(--sm-green);border-color:var(--sm-green);color:#fff}
.smk-t{font-size:14.5px;line-height:1.55;transition:color .2s}
.smk-t em{font-style:normal;font-family:var(--sm-mono);font-size:12px;color:var(--sm-brand);margin-right:2px}
.smk-cb:checked~.smk-t{color:var(--sm-soft);text-decoration:line-through;text-decoration-color:var(--sm-green)}
.smk-festive{margin:14px 0 0;padding:10px 12px;border-radius:10px;background:rgba(250,41,79,.07);font-size:12.5px;font-weight:700;color:#c81e3d}

/* ═══ 10 · FAQ (smf) ═══ */
.smf{background:var(--sm-paper);color:var(--sm-ink);padding:88px 0}
@media(min-width:768px){.smf{padding:120px 0}}
.smf-wrap{max-width:1320px;margin:0 auto;padding:0 20px}
@media(min-width:768px){.smf-wrap{padding:0 32px}}
.smf-head{margin-bottom:32px}
.smf-h2{margin:0 0 8px;font-weight:700;font-size:clamp(28px,4vw,48px);line-height:1.08;letter-spacing:-.04em}
.smf-sub{margin:0;font-size:15px;color:var(--sm-mute)}
.smf-board{display:grid;gap:16px}
.smf-qs{list-style:none;margin:0;padding:0;display:none}
.smf.smf-js .smf-qs{display:grid;gap:4px}
@media(min-width:1024px){.smf.smf-js .smf-board{grid-template-columns:.9fr 1.1fr;gap:28px;align-items:start}}
.smf-q{display:flex;align-items:flex-start;gap:12px;width:100%;padding:14px 16px;border:0;border-radius:14px;background:transparent;font:inherit;font-size:15px;font-weight:700;line-height:1.4;text-align:left;color:var(--sm-ink);cursor:pointer;transition:background .2s,color .2s}
.smf-q span{flex-shrink:0;font-family:var(--sm-mono);font-size:11.5px;color:var(--sm-soft);padding-top:3px}
.smf-q:hover{background:var(--sm-ground)}
.smf-q.smf-q-on{background:var(--sm-ink);color:#fff}
.smf-q.smf-q-on span{color:var(--sm-brand2)}
.smf-as{display:grid;gap:10px}
.smf-a{padding:22px;border-radius:20px;background:var(--sm-ground)}
.smf.smf-js .smf-as{position:sticky;top:110px}
.smf.smf-js .smf-a{display:none;padding:32px;border-radius:24px;background:var(--sm-ground);min-height:260px}
.smf.smf-js .smf-a.smf-a-on{display:block;animation:smf-in .4s var(--sm-ease)}
@keyframes smf-in{from{opacity:0;transform:translateY(8px)}}
.smf-a-q{margin:0 0 12px;font-size:clamp(19px,2vw,24px);font-weight:700;line-height:1.25;letter-spacing:-.02em}
.smf-a-t{margin:0;font-size:15.5px;line-height:1.8;color:var(--sm-mute)}
.smf-a-t a{color:var(--sm-brand);font-weight:700}
@media(max-width:1023px){.smf.smf-js .smf-as{position:static}.smf.smf-js .smf-a{min-height:0;padding:24px}}

/* ═══ 11 · CONTACT (smz) ═══ */
.smz{background:var(--sm-ground);color:var(--sm-ink);padding:88px 0 104px;scroll-margin-top:80px}
@media(min-width:768px){.smz{padding:120px 0}}
.smz svg{width:1em;height:1em;flex-shrink:0}
.smz-wrap{max-width:1320px;margin:0 auto;padding:0 20px;display:grid;gap:32px}
@media(min-width:768px){.smz-wrap{padding:0 32px}}
@media(min-width:1024px){.smz-wrap{grid-template-columns:1fr 1fr;gap:56px;align-items:center}}
.smz-wrap>*{min-width:0}
.smz-h2{margin:0 0 14px;font-weight:700;font-size:clamp(30px,4.2vw,52px);line-height:1.04;letter-spacing:-.045em}
.smz-p{margin:0 0 24px;font-size:16px;line-height:1.75;color:var(--sm-mute)}
.smz-chat{max-width:440px;border-radius:22px;overflow:hidden;background:#efe7dd;box-shadow:0 30px 60px -36px rgba(13,11,20,.4)}
.smz-chat-top{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#075e54;color:#fff}
.smz-chat-av{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--sm-brand);font-size:11px;font-weight:800}
.smz-chat-top b{display:block;font-size:14.5px}
.smz-chat-top span{font-size:11.5px;opacity:.75}
.smz-chat-body{display:flex;flex-direction:column;gap:8px;padding:16px}
.smz-bub{max-width:82%;margin:0;padding:9px 12px;border-radius:12px;font-size:13.5px;line-height:1.45;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.smz-bub-in{align-self:flex-start;background:#fff;border-top-left-radius:2px}
.smz-bub-out{align-self:flex-end;background:#dcf8c6;border-top-right-radius:2px}
.smz-chat-cap{display:block;padding:0 16px 14px;font-size:11.5px;color:#7a6f63}
.smz-formbox{padding:26px;border-radius:26px;background:#fff;border:1px solid var(--sm-line)}
@media(min-width:1024px){.smz-formbox{padding:36px}}
.smz-form{display:grid;gap:12px}
.smz-field{display:flex;flex-direction:column;gap:6px}
.smz-field span{font-size:12px;font-weight:700}
.smz-field input,.smz-field select{width:100%;height:48px;padding:0 14px;border-radius:12px;border:1.5px solid #e6e3df;background:var(--sm-paper);font:inherit;font-size:14px;color:var(--sm-ink);transition:border-color .2s,box-shadow .2s}
.smz-field input:focus,.smz-field select:focus{outline:none;border-color:var(--sm-brand);box-shadow:0 0 0 4px rgba(250,41,79,.12)}
.smz-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;margin-top:4px;border:0;border-radius:999px;background:var(--sm-ink);color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:background .25s,transform .3s var(--sm-ease)}
.smz-submit:hover{background:var(--sm-brand);transform:translateY(-2px)}
.smz-wa{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:700;color:var(--sm-ink)}
.smz-wa svg{color:#25d366}