:root{
      --suara-primary:#8C56AC;
      --suara-primary-dark:#6f3f8e;
      --suara-soft:#f7f0fb;
      --suara-text:#262238;
      --suara-muted:#6f6a7a;
      --suara-border:rgba(140,86,172,.18);
      --suara-shadow:0 18px 50px rgba(74,37,98,.12);
    }
    html{scroll-behavior:smooth;}
    body{
      font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
      color:var(--suara-text);
      background:
        radial-gradient(circle at 10% 10%, rgba(140,86,172,.14), transparent 30%),
        radial-gradient(circle at 85% 20%, rgba(140,86,172,.10), transparent 28%),
        linear-gradient(180deg,#fff 0%,#fbf7ff 48%,#fff 100%);
      min-height:100vh;
    }
    .navbar{
      backdrop-filter:blur(18px);
      background:rgba(255,255,255,.9);
      border-bottom:1px solid rgba(140,86,172,.12);
    }
    .navbar-brand{color:var(--suara-text);letter-spacing:-.02em;}
    .navbar-brand:hover{color:var(--suara-primary);}
    .brand-icon{
      width:42px;height:42px;border-radius:14px;
      display:inline-flex;align-items:center;justify-content:center;
      color:#fff;background:linear-gradient(135deg,var(--suara-primary),#b76bd9);
      box-shadow:0 10px 22px rgba(140,86,172,.28);
      font-weight:800;font-size:1.25rem;
    }
    .nav-link{color:#61586f;font-weight:600;}
    .nav-link:hover{color:var(--suara-primary);}
    .hero{padding:112px 0 44px;}
    .eyebrow{
      display:inline-flex;align-items:center;gap:.5rem;
      padding:.45rem .8rem;border-radius:999px;
      background:rgba(140,86,172,.1);
      color:var(--suara-primary-dark);
      font-weight:700;font-size:.9rem;
    }
    .hero h1{
      font-size:clamp(2.35rem,6vw,4.7rem);
      line-height:1.02;letter-spacing:-.045em;font-weight:850;
      margin-top:1.1rem;
    }
    .hero p{
      color:var(--suara-muted);
      font-size:clamp(1.05rem,2vw,1.25rem);
      line-height:1.75;max-width:760px;
    }
    .hero-card,.soft-panel{
      border:1px solid var(--suara-border);
      background:rgba(255,255,255,.86);
      box-shadow:var(--suara-shadow);
      border-radius:30px;
      overflow:hidden;
    }
    .hero-card-top{
      background:linear-gradient(135deg,rgba(140,86,172,.16),rgba(255,255,255,.9));
      padding:1.5rem;border-bottom:1px solid var(--suara-border);
    }
    .status-dot{
      width:.75rem;height:.75rem;border-radius:50%;
      background:#31c48d;box-shadow:0 0 0 .35rem rgba(49,196,141,.16);
      display:inline-block;
    }
    .contact-card{
      height:100%;border:1px solid var(--suara-border);
      background:rgba(255,255,255,.86);
      border-radius:24px;padding:1.5rem;
      box-shadow:0 10px 34px rgba(74,37,98,.08);
      transition:transform .2s ease,box-shadow .2s ease;
      position:relative;
    }
    .contact-card:hover{
      transform:translateY(-4px);
      box-shadow:0 18px 42px rgba(74,37,98,.12);
    }
    .icon-box{
      width:54px;height:54px;border-radius:18px;
      display:inline-flex;align-items:center;justify-content:center;
      background:linear-gradient(135deg,var(--suara-primary),#b76bd9);
      color:#fff;font-size:1.45rem;
      box-shadow:0 12px 26px rgba(140,86,172,.25);
      flex:0 0 auto;
    }
    .section-title{letter-spacing:-.035em;font-weight:820;}
    .form-control,.form-select{
      border-radius:16px;border-color:rgba(140,86,172,.2);
      padding:.85rem 1rem;
    }
    .form-control:focus,.form-select:focus{
      border-color:var(--suara-primary);
      box-shadow:0 0 0 .25rem rgba(140,86,172,.14);
    }
    .btn-suara{
      --bs-btn-bg:var(--suara-primary);
      --bs-btn-border-color:var(--suara-primary);
      --bs-btn-hover-bg:var(--suara-primary-dark);
      --bs-btn-hover-border-color:var(--suara-primary-dark);
      --bs-btn-color:#fff;--bs-btn-hover-color:#fff;
      border-radius:999px;padding:.85rem 1.25rem;font-weight:760;
      box-shadow:0 12px 24px rgba(140,86,172,.22);
    }
    .btn-outline-suara{
      --bs-btn-color:var(--suara-primary);
      --bs-btn-border-color:rgba(140,86,172,.35);
      --bs-btn-hover-bg:var(--suara-primary);
      --bs-btn-hover-border-color:var(--suara-primary);
      --bs-btn-hover-color:#fff;
      border-radius:999px;padding:.85rem 1.25rem;font-weight:760;
    }
    .info-row{
      display:flex;gap:1rem;padding:1rem 0;
      border-bottom:1px solid rgba(140,86,172,.12);
    }
    .info-row:last-child{border-bottom:0;}
    .small-label{
      color:var(--suara-muted);font-size:.86rem;font-weight:700;
      text-transform:uppercase;letter-spacing:.08em;
    }
    .faq-item{
      border:1px solid rgba(140,86,172,.14);
      border-radius:20px;background:#fff;padding:1.2rem;height:100%;
    }
    .footer{
      border-top:1px solid rgba(140,86,172,.12);
      background:rgba(255,255,255,.75);
    }
    .back-to-top{
      position:fixed;right:1.25rem;bottom:1.25rem;
      width:48px;height:48px;border-radius:50%;
      border:0;color:#fff;background:var(--suara-primary);
      box-shadow:0 16px 32px rgba(140,86,172,.3);
      display:none;align-items:center;justify-content:center;z-index:1040;
    }
    .back-to-top.show{display:flex;}
    @media (max-width:991.98px){
      .hero{padding:96px 0 34px;}
      .hero-card{border-radius:24px;}
    }