.swf{--swf-bg:#4a0707;--swf-bg2:#380505;--swf-text:#eadfd6;--swf-head:#fff;--swf-accent:#e8b93a;
  box-sizing:border-box;background:var(--swf-bg);color:var(--swf-text);margin-top:0!important;margin-bottom:0!important}
.swf *{box-sizing:border-box}
.swf--full{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)}
.swf__main{padding:56px 24px 40px}
.swf__grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px 48px}
.swf__brand{grid-column:span 1}
@media (min-width:1000px){.swf__brand{grid-column:span 2}.swf__grid:not(:has(.swf__col:nth-child(4))) .swf__brand{grid-column:span 1}}

.swf__logo{display:block;max-width:120px;height:auto;margin-bottom:14px;border-radius:8px}
.swf .swf__name{margin:0 0 12px;padding:0;font-size:1.4rem;font-weight:800;line-height:1.25;color:var(--swf-head)}
.swf .swf__desc{margin:0;font-size:.92rem;line-height:1.75;color:var(--swf-text);opacity:.9;max-width:460px}

.swf .swf__h{position:relative;margin:0 0 20px;padding:0 0 12px;font-size:1.05rem;font-weight:800;line-height:1.3;color:var(--swf-head);letter-spacing:.01em}
.swf .swf__h::after{content:"";position:absolute;left:0;bottom:0;width:36px;height:3px;border-radius:3px;background:var(--swf-accent)}
.swf .swf__h--sp{margin-top:28px}

.swf .swf__list{list-style:none;margin:0;padding:0}
.swf .swf__list li{display:flex;align-items:flex-start;gap:12px;margin:0 0 14px;padding:0;font-size:.92rem;line-height:1.55;color:var(--swf-text)}
.swf .swf__list li::before{content:none}
.swf .swf__ico{flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.08);color:var(--swf-accent);display:inline-flex;align-items:center;justify-content:center}
.swf .swf__ico svg{width:16px;height:16px}
.swf .swf__list li>a,.swf .swf__list li>span:not(.swf__ico){align-self:center}
.swf a{color:var(--swf-text);text-decoration:none;transition:color .2s}
.swf a:hover,.swf a:focus-visible{color:var(--swf-accent)}
.swf .swf__list--plain li{margin-bottom:10px}
.swf .swf__list--plain a{position:relative;padding-left:14px}
.swf .swf__list--plain a::before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:var(--swf-accent)}

.swf__bottom{background:var(--swf-bg2);border-top:1px solid rgba(255,255,255,.08);padding:16px 24px;text-align:center;font-size:.82rem;color:var(--swf-text);opacity:.95}

@media (max-width:782px){
  .swf__main{padding:44px 20px 28px}
  .swf__grid{grid-template-columns:1fr;gap:32px}
  .swf__brand{grid-column:auto}
  .swf .swf__desc{max-width:none}
}

/* Tombol WhatsApp melayang */
.swf-fab{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:9990;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.28);transition:transform .2s}
.swf-fab:hover{transform:scale(1.08);color:#fff}
.swf-fab svg{width:28px;height:28px}