/* ===== COPY BARU: hero, produk, CTA, ide, footer ===== */
.lead{max-width:740px}
.lead2{margin-top:14px;color:var(--ink);font-weight:600}
.sec-head{max-width:800px}
.sec-head p+p{margin-top:10px}
.card{min-height:0}
.card .tag{font-weight:700;color:var(--ink);font-size:1.04rem;margin-top:2px}
.card .desc{font-size:.94rem;margin-top:8px}
.card .for{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--red);margin-top:14px}
.card .for+.chips{margin-top:8px}
.card .chips{margin-bottom:20px}
.card .ico{margin-top:8px}

.cta-final p{max-width:780px;margin:0 auto 14px;font-size:1.12rem}
.cta-final h2{margin-bottom:22px}
.cta-final .btn{margin-top:20px}

/* IDE */
.idea{padding:20px 0 110px}
.idea-card{position:relative;overflow:hidden;background:#17171b;color:#fff;border-radius:36px;padding:clamp(34px,6vw,72px) clamp(22px,5vw,64px);text-align:center;box-shadow:0 40px 80px -30px rgba(0,0,0,.5)}
.idea-glow{position:absolute;inset:0;background:radial-gradient(60% 80% at 100% 0,rgba(215,15,28,.45),transparent 65%),radial-gradient(50% 60% at 0 100%,rgba(215,15,28,.25),transparent 65%);pointer-events:none}
.idea-card>*{position:relative}
.idea-card h2{font-size:clamp(1.8rem,4.4vw,3.1rem);line-height:1.1;letter-spacing:-.03em;font-weight:800;max-width:780px;margin:0 auto 16px}
.idea-card .hl{color:#ff6670}
.idea-card p{color:#b9b9c6;max-width:640px;margin:0 auto 8px;font-size:1.08rem}
.idea-card p:first-of-type{color:#fff;font-weight:700;font-size:1.2rem}
.idea-card .btn{margin-top:28px}

/* MODAL FORM */
.modal{border:0;border-radius:28px;padding:0;width:min(560px,100% - 28px);max-height:92vh;overflow:auto;margin:auto;background:#fff;color:var(--ink);box-shadow:0 40px 100px -20px rgba(0,0,0,.55)}
.modal::backdrop{background:rgba(15,15,20,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.modal[open]{animation:mpop .35s cubic-bezier(.2,.9,.3,1.2)}
@keyframes mpop{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}
.modal form{position:relative;padding:clamp(24px,5vw,38px)}
.modal .x{position:absolute;right:14px;top:12px;width:38px;height:38px;border-radius:50%;font-size:1.6rem;line-height:1;color:var(--muted);transition:.2s}
.modal .x:hover{background:var(--bg);color:var(--ink)}
.modal h3{font-size:1.6rem;letter-spacing:-.02em;font-weight:800;padding-right:34px}
.modal .sub{color:var(--muted);margin:4px 0 20px}
.modal label{display:block;font-weight:700;font-size:.86rem;margin-bottom:14px}
.modal input,.modal textarea{display:block;width:100%;margin-top:6px;padding:13px 15px;border:1.5px solid #dcdce4;border-radius:14px;font:inherit;font-weight:500;color:var(--ink);background:#fafafc;transition:.2s;resize:vertical}
.modal input:focus,.modal textarea:focus{outline:0;border-color:var(--red);background:#fff;box-shadow:0 0 0 4px rgba(215,15,28,.14)}
.modal .invalid{border-color:var(--red);background:#fff5f5}
.modal .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.modal .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.modal .err{color:var(--red);font-weight:600;font-size:.9rem;min-height:1.3em;margin-bottom:8px}
.modal .submit{width:100%;justify-content:center;border:0}
.modal .submit[disabled]{opacity:.7;cursor:progress}
.modal .thanks{text-align:center;padding:26px 6px 6px}
.modal .thanks[hidden]{display:none}
.modal .thanks .ok{width:74px;height:74px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-size:2.2rem;font-weight:800;margin:0 auto 16px;box-shadow:0 14px 30px -8px rgba(215,15,28,.6);animation:mpop .5s .1s both}
.modal .thanks p{color:var(--muted);margin:8px 0 22px}
.modal .thanks h3{padding:0}
@media(max-width:520px){.modal .two{grid-template-columns:1fr;gap:0}}

/* FOOTER */
.foot{padding:56px 0 26px;color:var(--muted);font-size:.95rem;border-top:1px solid #e6e6ec}
.foot-top{display:flex;justify-content:space-between;gap:36px;flex-wrap:wrap;align-items:flex-start}
.foot-tag{margin-top:10px;font-weight:800;color:var(--red);font-size:1.05rem;letter-spacing:-.01em}
.foot-list{list-style:none;display:grid;gap:8px;max-width:420px}
.foot-list li{position:relative;padding-left:22px;color:#4a4a54}
.foot-list li::before{content:"✦";position:absolute;left:0;color:var(--red);font-size:.8rem;top:.15em}
.foot-bot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:40px;padding-top:20px;border-top:1px solid #e6e6ec;font-size:.86rem}

/* ===== REVISI: hero, judul kartu 1 baris, footer ===== */
.lead{color:var(--ink);font-weight:700;font-size:clamp(1.1rem,2.2vw,1.4rem);max-width:760px}
.lead2{color:var(--muted);font-weight:400;font-size:clamp(1.02rem,1.9vw,1.2rem);margin-top:6px}
.sec-head p b{color:var(--ink);font-weight:800}
.card{container-type:inline-size}
.card h3{white-space:nowrap;font-size:clamp(1.05rem,6.2cqw,1.75rem)}
.foot-top{align-items:center}
.foot-tag{margin:0;text-align:right;display:flex;flex-direction:column;gap:4px;color:var(--red)}
.foot-tag strong{font-weight:800;font-size:1.1rem;letter-spacing:-.01em}
.foot-tag span{font-weight:500;font-size:.95rem;opacity:.85}
@media(max-width:700px){.foot-tag{text-align:left}}

/* ===== PENGALIH BAHASA ===== */
.lang{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:rgba(23,23,27,.07);flex:none}
.lang-btn{padding:6px 12px;border-radius:999px;font-weight:800;font-size:.8rem;letter-spacing:.03em;color:var(--muted);transition:.25s}
.lang-btn:hover{color:var(--ink)}
.lang-btn.is-active{background:var(--red);color:#fff;box-shadow:0 6px 14px -6px rgba(215,15,28,.7)}
@media(max-width:480px){.nav{gap:8px}.lang-btn{padding:6px 10px}}
.foot-tag span{color:var(--ink);opacity:1}

/* mobile: sembunyikan tombol Katalog Produk, tombol bahasa jadi satu-satunya aksi di kanan */
@media(max-width:860px){
  .nav .pill-btn{display:none}
  .nav .brand{min-width:0}
  .nav .brand span{white-space:nowrap}
  .nav .lang{margin-left:auto}
}