/* ==========================================================
       STANDARD SERVICE — LANDING PAGE ONLY
       Tidak mengubah style global website.
       ========================================================== */
    .std-page{background:#fff;overflow-x:hidden;overflow-y:auto}
    .std-hero{position:relative;padding:64px 0 54px;background:linear-gradient(180deg,#f7fbfa 0%,#fff 100%)}
    .std-hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr);gap:42px;align-items:center}
    .std-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#128b68;margin-bottom:14px}
    .std-eyebrow:before{content:"";width:28px;height:2px;background:#159b72;border-radius:99px}
    .std-hero h1{margin:0;max-width:760px;font-size:clamp(42px,5.2vw,68px);line-height:.99;letter-spacing:-.045em;color:var(--blue)}
    .std-hero h1 span{color:#159b72}
    .std-hero p{max-width:690px;margin:22px 0 0;color:var(--muted);font-size:17px;line-height:1.7}
    .std-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
    .std-hero-note{display:flex;gap:16px;flex-wrap:wrap;margin-top:22px;color:#52606b;font-size:13px}
    .std-hero-note span{display:inline-flex;align-items:center;gap:7px}
    .std-hero-note b{color:#128b68;font-size:16px}
    .std-hero-media{position:relative;border-radius:24px;overflow:hidden;min-height:500px;box-shadow:0 24px 70px rgba(17,35,44,.16);background:#dfe9e5}
    .std-hero-media img{width:100%;height:100%;min-height:500px;object-fit:cover;display:block}
    .std-price-float{position:absolute;left:22px;bottom:22px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border:1px solid rgba(17,35,44,.08);border-radius:17px;padding:15px 18px;box-shadow:0 15px 35px rgba(17,35,44,.15);max-width:245px}
    .std-price-float small{display:block;color:#68757c;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
    .std-price-float strong{display:block;color:var(--blue);font-size:25px;line-height:1.1;margin-top:3px}
    .std-price-float em{font-style:normal;color:#159b72;font-size:12px}

    .std-trust{position:relative;margin-top:-1px;background:#102b34;color:#fff}
    .std-trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
    .std-trust-item{padding:21px 20px;border-right:1px solid rgba(255,255,255,.1)}
    .std-trust-item:last-child{border-right:0}
    .std-trust-item strong{display:block;font-size:15px}
    .std-trust-item span{display:block;margin-top:5px;color:rgba(255,255,255,.67);font-size:12px;line-height:1.5}

    .std-section{padding:76px 0}
    .std-section.alt{background:#f7faf9}
    .std-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:28px}
    .std-head h2{margin:7px 0 0;color:var(--blue);font-size:clamp(30px,4vw,48px);line-height:1.03;letter-spacing:-.035em}
    .std-head p{max-width:560px;margin:0;color:var(--muted);line-height:1.65}
    .std-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#159b72}

    .std-popular{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
    .std-price-card{position:relative;background:#fff;border:1px solid #e4ece9;border-radius:18px;padding:23px;box-shadow:0 10px 28px rgba(16,43,52,.06)}
    .std-price-card.featured{border-color:#159b72;box-shadow:0 14px 34px rgba(21,155,114,.12)}
    .std-price-card .tag{display:inline-flex;padding:5px 8px;border-radius:99px;background:#e9f7f2;color:#11825f;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
    .std-price-card h3{margin:16px 0 6px;color:var(--blue);font-size:19px}
    .std-price-card .price{font-size:29px;font-weight:850;letter-spacing:-.03em;color:#159b72}
    .std-price-card p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
    .std-price-card a{display:inline-flex;margin-top:17px;color:var(--blue);font-size:12px;font-weight:800;text-decoration:none}

    .std-audience{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
    .std-audience-card{border:1px solid #e3ebe8;background:#fff;border-radius:18px;overflow:hidden}
    .std-audience-card img{width:100%;height:155px;object-fit:cover;display:block}
    .std-audience-card .body{padding:17px}
    .std-audience-card h3{margin:0;color:var(--blue);font-size:18px}
    .std-audience-card p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.55}

    .std-price-area{background:#fff}
    .std-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
    .std-filter button{appearance:none;border:1px solid #dce7e3;background:#fff;color:#43545c;border-radius:999px;padding:9px 14px;font:inherit;font-size:12px;font-weight:750;cursor:pointer}
    .std-filter button.active{background:#159b72;border-color:#159b72;color:#fff}
    .std-price-table{border:1px solid #e2ebe7;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 28px rgba(16,43,52,.05)}
    .std-price-row{display:grid;grid-template-columns:60px minmax(0,1fr) 150px;gap:18px;align-items:center;padding:16px 20px;border-bottom:1px solid #edf2f0}
    .std-price-row:last-child{border-bottom:0}
    .std-price-row.head{background:#f3f8f6;color:#607079;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
    .std-no{color:#98a5a8;font-size:12px;font-weight:800}
    .std-service{color:var(--blue);font-weight:700;font-size:14px}
    .std-cat{display:block;color:#879398;font-size:11px;font-weight:600;margin-top:4px}
    .std-amount{text-align:right;color:#159b72;font-size:16px;font-weight:850}
    .std-price-note{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
    .std-note{padding:15px 16px;border-radius:14px;background:#f7faf9;border:1px solid #e5eeeb;color:#5f6e74;font-size:12px;line-height:1.6}
    .std-note strong{display:block;color:var(--blue);margin-bottom:3px}

    .std-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .std-benefit{background:#fff;border:1px solid #e2ebe7;border-radius:18px;padding:22px}
    .std-benefit .num{font-size:12px;color:#159b72;font-weight:850;letter-spacing:.08em}
    .std-benefit h3{margin:12px 0 6px;color:var(--blue);font-size:18px}
    .std-benefit p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}

    .std-process{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid #e1ebe7;border-radius:20px;overflow:hidden;background:#fff}
    .std-step{padding:24px 21px;border-right:1px solid #e5eeeb}
    .std-step:last-child{border-right:0}
    .std-step .num{display:flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;background:#eaf7f2;color:#128b68;font-weight:850;font-size:12px}
    .std-step h3{margin:15px 0 6px;color:var(--blue);font-size:17px}
    .std-step p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}

    .std-faq{display:grid;grid-template-columns:1fr 1fr;gap:12px}
    .std-faq details{background:#fff;border:1px solid #e2ebe7;border-radius:15px;padding:16px 18px}
    .std-faq summary{cursor:pointer;color:var(--blue);font-weight:800;font-size:14px}
    .std-faq p{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.65}

    .std-final{position:relative;padding:76px 0;background:#102b34;color:#fff;overflow:hidden}
    .std-final:before{content:"";position:absolute;inset:auto -10% -60% 35%;height:420px;border-radius:50%;background:rgba(21,155,114,.18);filter:blur(10px)}
    .std-final-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px}
    .std-final h2{margin:8px 0 10px;font-size:clamp(30px,4vw,48px);line-height:1.04;letter-spacing:-.035em}
    .std-final p{margin:0;color:rgba(255,255,255,.7);max-width:630px;line-height:1.65}
    .std-final .std-kicker{color:#6de1bb}

    .std-page .btn{border-radius:12px}
    .std-page .btn-primary{background:#159b72;border-color:#159b72}
    .std-page .btn-primary:hover{background:#11825f;border-color:#11825f}
    .std-page .btn-secondary{background:#fff;border-color:#cfdcd8;color:var(--blue)}

    @media(max-width:980px){
      .std-hero-grid{grid-template-columns:1fr;gap:28px}
      .std-hero-media,.std-hero-media img{min-height:390px}
      .std-popular,.std-audience{grid-template-columns:repeat(2,1fr)}
      .std-trust-grid{grid-template-columns:repeat(2,1fr)}
      .std-trust-item:nth-child(2){border-right:0}
      .std-trust-item:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}
      .std-process{grid-template-columns:repeat(2,1fr)}
      .std-step:nth-child(2){border-right:0}
      .std-step:nth-child(-n+2){border-bottom:1px solid #e5eeeb}
      .std-final-inner{align-items:flex-start;flex-direction:column}
    }
    @media(max-width:680px){
      .std-hero{padding:44px 0 38px}
      .std-hero h1{font-size:clamp(38px,11vw,52px)}
      .std-hero p{font-size:15px}
      .std-hero-media,.std-hero-media img{min-height:330px}
      .std-price-float{left:14px;bottom:14px}
      .std-trust-grid,.std-popular,.std-audience,.std-benefits,.std-process,.std-faq,.std-price-note{grid-template-columns:1fr}
      .std-trust-item,.std-trust-item:nth-child(2){border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}
      .std-trust-item:last-child{border-bottom:0}
      .std-step,.std-step:nth-child(2){border-right:0;border-bottom:1px solid #e5eeeb}
      .std-step:last-child{border-bottom:0}
      .std-head{display:block}
      .std-head p{margin-top:12px}
      .std-section{padding:58px 0}
      .std-price-row{grid-template-columns:34px minmax(0,1fr);gap:8px 12px;padding:15px 14px}
      .std-price-row.head{display:none}
      .std-amount{text-align:left;grid-column:2;font-size:15px}
      .std-cat{font-size:10px}
      .std-final{padding:60px 0}
    }