/* Complete inner-page treatment using the supplied Home palette and type scale.
   This component owns the three reference pages; other public pages are unaffected. */
body.inner-page.public-reference-page {
  --surface:#fff; --surface-soft:#f0ecf6; --ink:#21182f;
  --muted:#756d80; --accent:#7544ca; --mint:#7544ca; --line:#e8e3ee;
  background:#faf9fc; color:#21182f; font-family:'Poppins',sans-serif;
  font-size:15px; line-height:1.75;
}
body.inner-page.public-reference-page main { background:#faf9fc; }
body.inner-page.public-reference-page :is(.inner-shell,.inner-marketing>.container,.inner-steps>.container,.inner-plans>.container,.plan-container) {
  width:88%; max-width:1180px; margin-inline:auto;
}
body.inner-page.public-reference-page :is(.inner-about,.inner-licenses,.inner-plans,.inner-other-plans,.inner-marketing,.inner-steps) {
  padding:85px 0; border:0; background:#faf9fc;
}
body.inner-page.public-reference-page :is(.inner-licenses,.inner-plans,.inner-steps) { background:#f0ecf6; }
body.inner-page.public-reference-page :is(h2,.about-title,.license-title,.marketing-title,.steps-title,.plan-title,.plans-title) {
  color:#21182f; font-size:clamp(26px,3vw,36px); font-weight:600;
  line-height:1.3; letter-spacing:-1.2px; text-shadow:none;
}
body.inner-page.public-reference-page :is(h2,.about-title,.license-title,.marketing-title,.steps-title) span {
  background:none; color:#7544ca; -webkit-text-fill-color:#7544ca;
}
body.inner-page.public-reference-page :is(.inner-kicker,.section-label) {
  color:#7544ca; font-size:9px; font-weight:600; line-height:1.75; letter-spacing:2px;
}
body.inner-page.public-reference-page :is(p,.desc,.steps-subtitle,.about-lead-desc,.about-card-desc,.license-intro-text,.license-item-body p) {
  color:#756d80; font-size:13px; line-height:1.9;
}
body.inner-page.public-reference-page :is(p,.desc,.about-card-desc) strong { color:#21182f; }
body.inner-page.public-reference-page .inner-steps .steps-subtitle { color:#756d80; }
body.inner-page.public-reference-page :is(.inner-section-heading,.license-section-header) { margin-bottom:40px; }
body.inner-page.public-reference-page :is(.btn,.license-view-btn) {
  display:inline-flex; align-items:center; justify-content:center; gap:15px;
  padding:13px 25px; border:1px solid #7544ca; border-radius:7px;
  background:#7544ca; color:#fff; font-family:inherit; font-size:12px;
  font-weight:600; line-height:1.75; text-decoration:none; box-shadow:none;
}
body.inner-page.public-reference-page a:focus-visible,
body.inner-page.public-reference-page button:focus-visible { outline:3px solid #b08cf1; outline-offset:5px; }
/* Hero follows Home's deep-purple introduction, without the old fixed-header offset. */
body.inner-page.public-reference-page .inner-hero {
  padding:90px 0 75px; min-height:0; background:#191124; color:#fff;
}
body.inner-page.public-reference-page .inner-hero>.inner-hero-grid {
  width:88%; max-width:1180px; min-height:350px;
  grid-template-columns:1.15fr 1fr; align-items:center; gap:60px;
}
body.inner-page.public-reference-page .inner-hero .inner-hero-main { padding:0; min-height:0; }
body.inner-page.public-reference-page .inner-hero .inner-kicker { color:#d6c3f4; font-size:10px; letter-spacing:2.5px; margin-bottom:27px; }
body.inner-page.public-reference-page .inner-hero h1.inner-title {
  color:#fff; font-size:clamp(40px,4.8vw,66px); font-weight:600;
  line-height:1.15; letter-spacing:-2.8px; margin:0 0 25px;
}
body.inner-page.public-reference-page .inner-hero .inner-hero-copy p { color:#bdb2cc; font-size:14px; line-height:1.9; max-width:450px; }
body.inner-page.public-reference-page .inner-hero .inner-hero-actions { margin-top:30px; gap:16px; }
body.inner-page.public-reference-page .inner-hero .inner-hero-actions .btn {
  width:auto; min-height:48px; padding:14px 22px; border:1px solid #b994f1;
  border-radius:7px; background:#b994f1; color:#211132; font-size:12px; line-height:1.6;
}
body.inner-page.public-reference-page .inner-hero .inner-hero-actions .inner-btn-outline { background:transparent; border-color:#8b71a7; color:#e2d8ee; }
body.inner-page.public-reference-page .inner-hero .inner-hero-visual { height:350px; padding:16px; }
/* About: calm white cards and document previews on the Home section surfaces. */
body.inner-page.public-reference-page :is(.about-feature-card,.license-item-card,.box,.step-card,.plan-item) {
  background:#fff; border:1px solid #e8e3ee; border-radius:14px;
  box-shadow:none; backdrop-filter:none; transform:none;
}
body.inner-page.public-reference-page :is(.about-feature-card:hover,.license-item-card:hover,.box:hover,.step-card:hover) { border-color:#c8b6df; box-shadow:none; }
body.inner-page.public-reference-page .about-feature-card { padding:32px; }
body.inner-page.public-reference-page .about-card-highlight { background:#f0ecf6; }
body.inner-page.public-reference-page :is(.about-card-title,.license-item-body h3,.step-card h3) { color:#21182f; font-size:19px; font-weight:600; line-height:1.4; }
body.inner-page.public-reference-page :is(.about-card-icon,.highlight-icon) { background:#eee7f9; border:0; color:#7544ca; }
body.inner-page.public-reference-page :is(.about-card-pill,.pill-accent,.pill-syariah,.pill-nsp,.pill-asp) { color:#7544ca; background:#eee7f9; border:1px solid #e3d8ee; border-radius:20px; padding:4px 10px; }
body.inner-page.public-reference-page .about-inline-image { border:1px solid #e8e3ee; border-radius:14px; background:#fff; box-shadow:none; }
body.inner-page.public-reference-page :is(.license-card-tag,.license-item-body) { background:transparent; }
body.inner-page.public-reference-page .license-thumb { background:#f7f5fa; border-color:#e8e3ee; }
body.inner-page.public-reference-page .license-view-btn { width:calc(100% - 44px); margin:0 22px 22px; }
body.inner-page.public-reference-page .license-view-btn:hover { background:#6435b3; color:#fff; }
/* Data: the same four plan cards as Home, retaining the current plan contents. */
body.inner-page.public-reference-page .plan-wrapper { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
body.inner-page.public-reference-page .plan-card {
  display:flex; flex-direction:column; position:relative; padding:26px 22px;
  background:#fff; color:#21182f; border:1px solid #e2dbe9; border-radius:13px;
  box-shadow:none; transform:none; overflow:hidden;
  min-height:0; height:auto;
}
body.inner-page.public-reference-page .plan-card::before { content:none; }
body.inner-page.public-reference-page .plan-card.featured { background:#21172e; border-color:#8057b0; color:#fff; box-shadow:none; }
body.inner-page.public-reference-page .plan-header { align-self:auto; padding:0; margin:0 0 24px; border:0; background:transparent; color:#756d80; font-size:13px; }
body.inner-page.public-reference-page .plan-body { flex:1; min-height:0; padding:0; background:transparent; }
body.inner-page.public-reference-page .plan-body h3 { color:#21182f; font-size:24px; letter-spacing:-1px; margin:0 0 20px; }
body.inner-page.public-reference-page .plan-body p { color:#756d80; font-size:11px; margin:9px 0; line-height:1.75; }
body.inner-page.public-reference-page .price-tag { position:static; margin-top:20px; padding:22px 0 14px; border:0; background:transparent; color:#21182f; font-size:29px; font-weight:600; transform:none; }
body.inner-page.public-reference-page .featured :is(.plan-body h3,.price-tag) { color:#fff; }
body.inner-page.public-reference-page .featured :is(.plan-header,.plan-body p,.plan-body i) { color:#c1b4ce; }
body.inner-page.public-reference-page .plan-card>.btn { margin:0; padding:11px 14px; border-color:#e8e3ee; background:transparent; color:#21182f; font-size:11px; }
body.inner-page.public-reference-page .featured>.btn { background:#b994f1; color:#21172e; border-color:#b994f1; }
body.inner-page.public-reference-page .badge { top:14px; right:14px; padding:4px 8px; border-radius:4px; background:#b994f1; color:#241535; font-size:7px; transform:none; }
body.inner-page.public-reference-page .inner-sim-purchase-note { margin-top:25px; color:#756d80; }
body.inner-page.public-reference-page :is(.plan-question,.plan-answer) { background:transparent; color:#21182f; }
body.inner-page.public-reference-page :is(.plan-gb,.plan-code,.plan-group,.plan-price) { color:#7544ca; background:none; -webkit-text-fill-color:currentColor; text-shadow:none; }
body.inner-page.public-reference-page .plan-price { background:#eee7f9; border-color:#e3d8ee; }
body.inner-page.public-reference-page .plan-features li { color:#756d80; }
/* Affiliate: keep every table column and amount; only change its visual treatment. */
body.inner-page.public-reference-page .table-wrap { background:#fff; border:1px solid #e8e3ee; border-radius:14px; }
body.inner-page.public-reference-page .table th { background:#eee7f9; color:#493254; border-color:#e3d8ee; }
body.inner-page.public-reference-page .table td { color:#756d80; border-color:#e8e3ee; background:transparent; }
body.inner-page.public-reference-page .table .highlight { background:#f0ecf6; }
body.inner-page.public-reference-page .table :is(strong,.price) { color:#7544ca; }
body.inner-page.public-reference-page :is(.marketing-sub,.box h3) { color:#21182f; }
body.inner-page.public-reference-page .box h3 { font-size:13px; font-weight:600; margin-bottom:15px; }
body.inner-page.public-reference-page .box { padding:32px; }
body.inner-page.public-reference-page .box .big { color:#7544ca; -webkit-text-fill-color:#7544ca; font-size:36px; font-weight:600; line-height:1.2; margin:0 0 12px; }
body.inner-page.public-reference-page .box small { color:#756d80; }
body.inner-page.public-reference-page .step-card { padding:32px; }
body.inner-page.public-reference-page .step-number { background:#eee7f9; color:#7544ca; box-shadow:none; }
body.inner-page.public-reference-page .step-icon { background:none; box-shadow:none; filter:none; text-shadow:none; font-size:24px; }
body.inner-page.public-reference-page .step-icon::before,
body.inner-page.public-reference-page .step-icon::after { content:none; }
/* Identical simple footer on all four pages. */
#public-home-footer { padding:28px 0; margin:0; background:#f0ecf6; color:#81738d; border:0; border-top:1px solid #e8e3ee; box-shadow:none; font-family:'Poppins',sans-serif; font-size:10px; line-height:1.75; text-align:center; }
#public-home-footer .container { width:88%; max-width:1180px; margin:0 auto; padding:0; }
#public-home-footer p { margin:0; padding:0; color:#81738d; font-size:10px; line-height:1.75; }
@media(max-width:1000px) {
  body.inner-page.public-reference-page .inner-hero>.inner-hero-grid { gap:30px; }
  body.inner-page.public-reference-page .plan-wrapper { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:768px) {
  body.inner-page.public-reference-page :is(.inner-about,.inner-licenses,.inner-plans,.inner-other-plans,.inner-marketing,.inner-steps) { padding:55px 0; }
  body.inner-page.public-reference-page .inner-hero { padding:55px 0 40px; }
  body.inner-page.public-reference-page .inner-hero>.inner-hero-grid { grid-template-columns:minmax(0,1fr); gap:20px; min-height:0; }
  body.inner-page.public-reference-page .inner-hero h1.inner-title { font-size:clamp(39px,8vw,58px); letter-spacing:-2px; }
  body.inner-page.public-reference-page .inner-hero .inner-hero-copy p { font-size:13px; }
  body.inner-page.public-reference-page .inner-hero .inner-hero-actions { display:flex; flex-wrap:wrap; }
  body.inner-page.public-reference-page .inner-hero .inner-hero-actions .btn { width:auto; }
  body.inner-page.public-reference-page .inner-hero .inner-hero-visual { width:100%; height:auto; max-width:520px; aspect-ratio:3/2; padding:10px; }
  body.inner-page.public-reference-page :is(.about-feature-card,.box,.step-card) { padding:24px; }
  body.inner-page.public-reference-page .grid-3 .box { padding:20px 12px; }
  body.inner-page.public-reference-page .box .big { font-size:28px; }
  body.inner-page.public-reference-page :is(.about-info-grid,.license-grid-3,.steps-grid,.plan-container) { grid-template-columns:minmax(0,1fr); gap:20px; }
  body.inner-page.public-reference-page .plan-card { padding:22px 17px; }
  body.inner-page.public-reference-page .plan-body h3 { font-size:21px; }
  body.inner-page.public-reference-page .price-tag { font-size:26px; }
  body.inner-page.public-reference-page .badge { font-size:6px; top:9px; right:8px; }
}