/* =========================================================
   RAPOR DIGITAL RA — Landing Page
   Token desain:
   Warna   : --emerald (identitas), --cream (latar hangat),
             --ink (teks), --gold (aksen prestasi), --coral (CTA)
   Tipo    : Fraunces (display, hangat-berkarakter) + Plus Jakarta Sans (tubuh)
   Layout  : Hero asimetris, kartu rapor "terbuka" sebagai elemen signature
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500&display=swap');

:root{
  --emerald:#0E4D3C;
  --emerald-light:#176B53;
  --emerald-pale:#E3EFE9;
  --cream:#FBF7EF;
  --cream-2:#F4EEE0;
  --ink:#1A2E27;
  --ink-soft:#5B6E66;
  --gold:#D4A24C;
  --gold-light:#F2D9A6;
  --coral:#E8714A;
  --coral-dark:#C85A36;
  --white:#FFFFFF;
  --line:rgba(14,77,60,.12);
  --shadow-sm:0 4px 16px rgba(14,40,30,.06);
  --shadow-md:0 14px 40px rgba(14,40,30,.10);
  --shadow-lg:0 28px 70px rgba(14,40,30,.16);
  --radius:20px;
}

.lp{font-family:'Plus Jakarta Sans',sans-serif;color:var(--ink);background:var(--cream);overflow-x:hidden}
.lp *{box-sizing:border-box}
.lp h1,.lp h2,.lp h3,.lp .display{font-family:'Fraunces',serif}
.lp a{text-decoration:none}
.lp img{max-width:100%;display:block}
.lp .wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.lp .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--emerald)}
.lp .eyebrow::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--coral);display:inline-block}

/* ---------- Skip link & focus ---------- */
.lp a:focus-visible,.lp button:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:6px}

/* ---------- NAV ---------- */
.lp-nav{position:sticky;top:0;z-index:100;background:rgba(251,247,239,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.lp-nav-inner{max-width:1180px;margin:0 auto;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.lp-nav-brand{display:flex;align-items:center;gap:11px}
.lp-nav-brand .mark{width:40px;height:40px;border-radius:11px;background:linear-gradient(150deg,var(--emerald),var(--emerald-light));display:flex;align-items:center;justify-content:center;font-size:19px;color:var(--white);flex-shrink:0}
.lp-nav-brand .txt b{display:block;font-family:'Fraunces',serif;font-weight:600;font-size:16px;color:var(--ink);line-height:1.15}
.lp-nav-brand .txt span{display:block;font-size:10.5px;color:var(--ink-soft);letter-spacing:.03em}
.lp-nav-links{display:flex;align-items:center;gap:30px}
.lp-nav-links a{font-size:14px;font-weight:600;color:var(--ink-soft);transition:color .15s;margin-left:15px;margin-right:15px}
.lp-nav-links a:hover{color:var(--emerald)}
.lp-nav-cta{display:flex;align-items:center;gap:10px}
.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:14px;padding:11px 22px;border-radius:30px;transition:transform .15s,box-shadow .15s,background .15s;border:none;cursor:pointer;white-space:nowrap}
.lp-btn-ghost{background:transparent;color:var(--emerald);padding:11px 18px}
.lp-btn-ghost:hover{background:var(--emerald-pale)}
.lp-btn-primary{background:var(--coral);color:var(--white);box-shadow:0 10px 24px rgba(232,113,74,.30)}
.lp-btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(232,113,74,.4)}
.lp-btn-dark{background:var(--emerald);color:var(--white);box-shadow:0 10px 24px rgba(14,77,60,.25)}
.lp-btn-dark:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(14,77,60,.35)}
.lp-btn-outline{background:transparent;border:1.5px solid var(--line);color:var(--ink)}
.lp-btn-outline:hover{border-color:var(--emerald);color:var(--emerald)}
.lp-burger{display:none;width:38px;height:38px;border-radius:9px;border:1.5px solid var(--line);background:var(--white);align-items:center;justify-content:center;cursor:pointer}

/* ---------- HERO ---------- */
.lp-hero{position:relative;padding:64px 0 0}
.lp-hero-grid{display:flex;gap:56px;align-items:center}
.lp-hero-grid>.lp-hero-copy{flex:1.05}
.lp-hero-grid>.lp-hero-visual{flex:.95}
.lp-hero-copy .eyebrow{margin-bottom:18px}
.lp-hero h1{font-size:clamp(34px,4.4vw,54px);font-weight:600;line-height:1.08;letter-spacing:-.01em;color:var(--ink);margin-bottom:20px}
.lp-hero h1 em{font-style:normal;color:var(--emerald);position:relative}
.lp-hero h1 .undr{position:relative;display:inline-block}
.lp-hero h1 .undr svg{position:absolute;left:0;bottom:-6px;width:100%;height:10px}
.lp-hero p.lead{font-size:17px;color:var(--ink-soft);line-height:1.7;max-width:480px;margin-bottom:30px}
.lp-hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:36px}
.lp-hero-actions .lp-btn{padding:15px 26px;font-size:15px}
.lp-trust{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.lp-trust-item{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--ink-soft);font-weight:600}
.lp-trust-item .ic{width:30px;height:30px;border-radius:9px;background:var(--emerald-pale);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}

/* --- Hero visual: kartu rapor "terbuka" (signature) --- */
.lp-hero-visual{position:relative;height:480px}
.lp-rapor-card{position:absolute;width:340px;background:var(--white);border-radius:18px;box-shadow:var(--shadow-lg);padding:26px 24px;border:1px solid var(--line)}
.lp-rapor-card.main{top:6px;left:50%;transform:translateX(-50%) rotate(-3deg);z-index:3}
.lp-rapor-card .rp-head{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:14px;border-bottom:1.5px dashed var(--line)}
.lp-rapor-card .rp-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(150deg,var(--gold-light),var(--gold));display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--emerald);font-size:15px;flex-shrink:0}
.lp-rapor-card .rp-name{font-weight:700;font-size:14px;color:var(--ink)}
.lp-rapor-card .rp-class{font-size:11.5px;color:var(--ink-soft)}
.lp-rapor-card .rp-section{margin-bottom:13px}
.lp-rapor-card .rp-label{display:flex;align-items:center;gap:7px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--emerald);margin-bottom:6px}
.lp-rapor-card .rp-label .dot{width:6px;height:6px;border-radius:50%;background:var(--coral)}
.lp-rapor-card .rp-text{font-size:12px;color:var(--ink-soft);line-height:1.55;font-style:italic}
.lp-rapor-card .rp-badge{position:absolute;top:-14px;right:18px;background:var(--gold);color:var(--emerald);font-size:11px;font-weight:800;padding:6px 12px;border-radius:20px;box-shadow:0 6px 16px rgba(212,162,76,.4);transform:rotate(6deg)}

.lp-float-card{position:absolute;background:var(--white);border-radius:14px;box-shadow:var(--shadow-md);padding:13px 16px;display:flex;align-items:center;gap:11px;border:1px solid var(--line)}
.lp-float-card.f1{top:46px;left:-6px;transform:rotate(-6deg);z-index:4}
.lp-float-card.f2{bottom:40px;right:-10px;transform:rotate(5deg);z-index:4}
.lp-float-card .ic{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.lp-float-card.f1 .ic{background:#FDEFE8;color:var(--coral)}
.lp-float-card.f2 .ic{background:var(--emerald-pale);color:var(--emerald)}
.lp-float-card .tt{font-size:12px;font-weight:700;color:var(--ink)}
.lp-float-card .ds{font-size:10.5px;color:var(--ink-soft)}

.lp-hero-blob{position:absolute;border-radius:50%;background:radial-gradient(circle,var(--emerald-pale) 0%,transparent 70%);z-index:0}
.lp-hero-blob.b1{width:480px;height:480px;top:-140px;right:-160px}

/* ---------- LOGO STRIP ---------- */
.lp-strip{padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--white)}
.lp-strip-inner{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--ink-soft);text-align:center}
.lp-strip-inner b{color:var(--emerald)}

/* ---------- SECTION shared ---------- */
.lp-section{padding:88px 0}
.lp-section-head{max-width:620px;margin-bottom:54px}
.lp-section-head.center{margin-left:auto;margin-right:auto;text-align:center}
.lp-section-head .eyebrow{margin-bottom:14px}
.lp-section-head h2{font-size:clamp(26px,3vw,38px);font-weight:600;line-height:1.18;margin-bottom:14px;color:var(--ink)}
.lp-section-head p{font-size:15.5px;color:var(--ink-soft);line-height:1.7}

/* ---------- FEATURES (alternating rows) ---------- */
.lp-feature-row{display:flex;gap:60px;align-items:center;padding:46px 0;border-top:1px solid var(--line)}
.lp-feature-row>.lp-feat-copy,.lp-feature-row>.lp-feat-visual{flex:1;min-width:0}
.lp-feature-row:first-of-type{border-top:none}
.lp-feature-row.rev .lp-feat-copy{order:2}
.lp-feature-row.rev .lp-feat-visual{order:1}
.lp-feat-num{font-family:'Fraunces',serif;font-size:13px;font-weight:600;color:var(--gold);margin-bottom:10px;letter-spacing:.05em}
.lp-feat-copy h3{font-size:24px;font-weight:600;margin-bottom:12px;color:var(--ink)}
.lp-feat-copy p{font-size:14.5px;color:var(--ink-soft);line-height:1.75;margin-bottom:18px}
.lp-feat-list{display:flex;flex-direction:column;gap:10px}
.lp-feat-list li{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--ink);list-style:none}
.lp-feat-list .ck{width:20px;height:20px;border-radius:50%;background:var(--emerald-pale);color:var(--emerald);display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0;margin-top:1px}

.lp-feat-visual{position:relative;border-radius:var(--radius);overflow:hidden;min-height:280px;display:flex;align-items:center;justify-content:center;padding:30px}
.lp-feat-visual.bg-emerald{background:linear-gradient(150deg,var(--emerald) 0%,var(--emerald-light) 100%)}
.lp-feat-visual.bg-cream{background:var(--cream-2)}

/* mini mock: narasi otomatis */
.mock-narasi{background:var(--white);border-radius:14px;box-shadow:var(--shadow-md);padding:20px;width:100%;max-width:340px}
.mock-narasi .mn-row{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.mock-narasi .mn-pill{font-size:10.5px;font-weight:700;padding:4px 10px;border-radius:20px;background:var(--emerald-pale);color:var(--emerald)}
.mock-narasi .mn-line{height:9px;border-radius:5px;background:var(--cream-2);margin-bottom:8px}
.mock-narasi .mn-line.w70{width:70%}.mock-narasi .mn-line.w90{width:90%}.mock-narasi .mn-line.w50{width:50%}
.mock-narasi .mn-cursor{display:inline-block;width:2px;height:13px;background:var(--coral);vertical-align:middle;animation:lpBlink 1s steps(1) infinite}
@keyframes lpBlink{50%{opacity:0}}

/* mini mock: multi sekolah */
.mock-multi{display:flex;flex-wrap:wrap;gap:12px;width:100%;max-width:360px}
.mock-multi .ms-card{flex:1 1 calc(50% - 6px);min-width:140px;background:var(--white);border-radius:12px;padding:14px;text-align:left;box-shadow:var(--shadow-sm)}
.mock-multi .ms-card .ms-ic{width:30px;height:30px;border-radius:8px;background:var(--gold-light);color:var(--emerald);display:flex;align-items:center;justify-content:center;font-size:14px;margin-bottom:8px}
.mock-multi .ms-card b{font-size:11.5px;color:var(--ink);display:block;margin-bottom:2px}
.mock-multi .ms-card span{font-size:10px;color:var(--ink-soft)}

/* mini mock: cetak */
.mock-print{width:220px;background:var(--white);border-radius:4px;box-shadow:var(--shadow-lg);padding:18px;position:relative}
.mock-print::before{content:'';position:absolute;top:8px;left:8px;right:-8px;bottom:-8px;background:rgba(255,255,255,.5);border-radius:4px;z-index:-1}
.mock-print .mp-line{height:6px;background:var(--cream-2);border-radius:3px;margin-bottom:7px}
.mock-print .mp-line.short{width:60%}
.mock-print .mp-badge{width:34px;height:34px;border-radius:50%;background:var(--emerald-pale);margin-bottom:10px}

/* ---------- GRID FEATURES (poin keunggulan dinamis dari DB) ---------- */
.lp-grid-features{display:flex;flex-wrap:wrap;gap:22px}
.lp-grid-features .lp-fcard{flex:1 1 calc(33.333% - 15px);min-width:260px}
.lp-fcard{background:var(--white);border-radius:16px;padding:26px 24px;border:1px solid var(--line);transition:transform .2s,box-shadow .2s}
.lp-fcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.lp-fcard .fc-ic{width:46px;height:46px;border-radius:12px;background:var(--emerald-pale);display:flex;align-items:center;justify-content:center;font-size:21px;margin-bottom:16px}
.lp-fcard h4{font-size:15.5px;font-weight:700;color:var(--ink);margin-bottom:8px}
.lp-fcard p{font-size:13px;color:var(--ink-soft);line-height:1.65}

/* ---------- CARA KERJA (timeline) ---------- */
.lp-steps{display:flex;gap:0;position:relative}
.lp-step{position:relative;padding:0 18px;flex:1;min-width:0}
.lp-step:first-child{padding-left:0}
.lp-step:last-child{padding-right:0}
.lp-step-num{width:44px;height:44px;border-radius:50%;background:var(--emerald);color:var(--white);display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-weight:600;font-size:16px;margin-bottom:18px;position:relative;z-index:2}
.lp-step-line{position:absolute;top:22px;left:62px;right:0;height:2px;background:var(--line);z-index:1}
.lp-step:last-child .lp-step-line{display:none}
.lp-step h4{font-size:15px;font-weight:700;margin-bottom:8px;color:var(--ink)}
.lp-step p{font-size:13px;color:var(--ink-soft);line-height:1.6}

/* ---------- TESTI / SOSIAL PROOF ---------- */
.lp-testi-wrap{display:flex;gap:50px;align-items:center}
.lp-testi-wrap>.lp-testi-card{flex:1.1;min-width:0}
.lp-testi-wrap>.lp-stat-grid{flex:.9}
.lp-testi-card{background:var(--emerald);border-radius:24px;padding:42px 38px;color:var(--white);position:relative;overflow:hidden}
.lp-testi-card::before{content:'\201C';position:absolute;top:-10px;left:24px;font-family:'Fraunces',serif;font-size:120px;color:rgba(255,255,255,.08);line-height:1}
.lp-testi-card p.q{font-size:19px;line-height:1.6;font-weight:500;margin-bottom:24px;position:relative;z-index:1}
.lp-testi-who{display:flex;align-items:center;gap:12px}
.lp-testi-who .av{width:44px;height:44px;border-radius:50%;background:var(--gold);color:var(--emerald);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px}
.lp-testi-who b{font-size:13.5px;display:block}
.lp-testi-who span{font-size:12px;color:rgba(255,255,255,.7)}

.lp-stat-grid{display:flex;flex-wrap:wrap;gap:18px}
.lp-stat-grid .lp-stat{flex:1 1 calc(50% - 9px);min-width:140px}
.lp-stat{background:var(--white);border-radius:16px;padding:24px;border:1px solid var(--line)}
.lp-stat .num{font-family:'Fraunces',serif;font-size:32px;font-weight:600;color:var(--emerald);line-height:1}
.lp-stat .lbl{font-size:12.5px;color:var(--ink-soft);margin-top:6px}

/* ---------- FAQ ---------- */
.lp-faq{max-width:760px;margin:0 auto}
.lp-faq-item{border-bottom:1px solid var(--line)}
.lp-faq-q{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 4px;cursor:pointer;font-size:15.5px;font-weight:700;color:var(--ink)}
.lp-faq-q .plus{width:26px;height:26px;border-radius:50%;background:var(--emerald-pale);color:var(--emerald);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;transition:transform .2s}
.lp-faq-item.open .lp-faq-q .plus{transform:rotate(45deg)}
.lp-faq-a{font-size:13.5px;color:var(--ink-soft);line-height:1.7;padding:0 4px 0;max-height:0;overflow:hidden;transition:max-height .25s ease,padding .25s ease}
.lp-faq-item.open .lp-faq-a{padding-bottom:22px;max-height:280px}

/* ---------- CTA FINAL ---------- */
.lp-cta{background:linear-gradient(155deg,var(--emerald) 0%,var(--emerald-light) 100%);border-radius:28px;padding:64px 56px;text-align:center;position:relative;overflow:hidden}
.lp-cta::before{content:'';position:absolute;width:340px;height:340px;border-radius:50%;background:rgba(255,255,255,.06);top:-120px;left:-100px}
.lp-cta::after{content:'';position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.05);bottom:-100px;right:-80px}
.lp-cta h2{color:var(--white);font-size:clamp(26px,3.4vw,38px);font-weight:600;margin-bottom:14px;position:relative;z-index:1}
.lp-cta p{color:rgba(255,255,255,.82);font-size:15px;margin-bottom:30px;position:relative;z-index:1}
.lp-cta-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;position:relative;z-index:1}

/* ---------- FOOTER ---------- */
.lp-footer{background:var(--ink);color:rgba(255,255,255,.7);padding:56px 0 26px}
.lp-footer-top{display:flex;flex-wrap:wrap;gap:40px;margin-bottom:40px}
.lp-footer-top>.lp-footer-brand-wrap{flex:1.4;min-width:220px}
.lp-footer-top>div:not(.lp-footer-brand-wrap){flex:1;min-width:140px}
.lp-footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.lp-footer-brand .mark{width:36px;height:36px;border-radius:9px;background:linear-gradient(150deg,var(--emerald-light),var(--emerald));display:flex;align-items:center;justify-content:center;font-size:17px;color:var(--white)}
.lp-footer-brand b{color:var(--white);font-family:'Fraunces',serif;font-size:15px}
.lp-footer p.desc{font-size:13px;line-height:1.7;color:rgba(255,255,255,.55);max-width:280px}
.lp-footer h5{color:var(--white);font-size:13px;font-weight:700;margin-bottom:16px;text-transform:uppercase;letter-spacing:.04em}
.lp-footer ul{list-style:none;display:flex;flex-direction:column;gap:11px}
.lp-footer ul a{color:rgba(255,255,255,.62);font-size:13.5px;transition:color .15s}
.lp-footer ul a:hover{color:var(--white)}
.lp-footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:12.5px;color:rgba(255,255,255,.45)}

/* ---------- WHATSAPP FLOATING ---------- */
.lp-wa-float{position:fixed;bottom:26px;right:26px;z-index:200;width:58px;height:58px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;font-size:27px;box-shadow:0 10px 28px rgba(37,211,102,.45);transition:transform .2s}
.lp-wa-float:hover{transform:scale(1.08)}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1020px){
  .lp-hero-grid{flex-direction:column}
  .lp-hero-grid>.lp-hero-copy,.lp-hero-grid>.lp-hero-visual{flex:1 1 100%}
  .lp-hero-visual{height:380px;max-width:420px;margin:0 auto;width:100%}
  .lp-testi-wrap{display:block}
  .lp-testi-wrap>.lp-testi-card,.lp-testi-wrap>.lp-stat-grid{width:100%;display:block;margin-bottom:24px}
  .lp-testi-wrap>.lp-stat-grid:last-child{margin-bottom:0}
  .lp-footer-top>div:not(.lp-footer-brand-wrap){flex:1 1 calc(33.333% - 27px);min-width:160px}
}
@media (max-width:880px){
  .lp-nav-links{display:none}
  .lp-burger{display:flex}
  .lp-nav-brand .txt span{display:none}
  .lp-nav-cta .lp-btn-ghost{display:none}
  .lp-nav-cta .lp-btn-primary{display:none}
  .lp-feature-row{display:block}
  .lp-feature-row>.lp-feat-copy,.lp-feature-row>.lp-feat-visual{width:100%;display:block;margin-bottom:24px}
  .lp-feature-row>.lp-feat-visual:last-child{margin-bottom:0}
  .lp-feature-row.rev .lp-feat-copy,.lp-feature-row.rev .lp-feat-visual{order:initial}
  .lp-feat-visual{min-height:0;padding:36px 24px}
  .lp-grid-features .lp-fcard{flex:1 1 calc(50% - 11px)}
  .lp-steps{flex-wrap:wrap;gap:30px 0}
  .lp-step{flex:1 1 calc(50% - 0px);padding:0}
  .lp-step-line{display:none}
  .lp-footer-top>div:not(.lp-footer-brand-wrap){flex:1 1 calc(50% - 20px)}
}
@media (max-width:620px){
  .lp-section{padding:60px 0}
  .lp-hero{padding:40px 0 0}
  .lp-hero-actions{flex-direction:column;align-items:stretch}
  .lp-hero-actions .lp-btn{width:100%}
  .lp-grid-features .lp-fcard{flex:1 1 100%}
  .lp-stat-grid .lp-stat{flex:1 1 calc(50% - 9px)}
  .lp-cta{padding:44px 26px}
  .lp-cta-actions{flex-direction:column;width:100%}
  .lp-cta-actions .lp-btn{width:100%}
  .lp-footer-top{flex-direction:column}
  .lp-footer-top>div{flex:1 1 100% !important}
  .lp-nav-inner{padding:14px 20px}
  .lp-nav-brand .txt b{font-size:14px}
  .lp-nav-cta{gap:8px}
  .lp-rapor-card.main{width:280px;padding:20px 18px}
  .lp-float-card{display:none}
}

/* ---------- Mobile nav drawer ---------- */
.lp-mobile-menu{position:fixed;inset:0;background:var(--cream);z-index:150;display:none;flex-direction:column;padding:24px 28px}
.lp-mobile-menu.show{display:flex}
.lp-mobile-menu-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}
.lp-mobile-menu a.link{font-size:20px;font-weight:600;color:var(--ink);padding:14px 0;border-bottom:1px solid var(--line);font-family:'Fraunces',serif}
.lp-mobile-menu .lp-btn{margin-top:24px}
.lp-mobile-close{width:38px;height:38px;border-radius:9px;border:1.5px solid var(--line);background:var(--white);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer}

/* reduced motion */
@media (prefers-reduced-motion: reduce){
  .lp-fcard,.lp-btn,.lp-wa-float{transition:none}
  .mock-narasi .mn-cursor{animation:none}
}