/* Public product page. Brand colors come from landing/brand-palette.css. */
.dg-public-landing {
  --bs-primary: var(--brand-blue);
  --bs-primary-rgb: var(--brand-blue-rgb);
  --bs-link-color: var(--brand-blue);
  --bs-link-hover-color: var(--brand-blue-strong);
  --bs-body-bg: var(--brand-page);
  --bs-body-color: var(--brand-copy);
  --bs-heading-color: var(--brand-ink);
  --bs-border-color: var(--brand-border);
  --bs-secondary-color: var(--brand-copy);
  --dg-primary: var(--brand-blue);
  --dg-soft: var(--brand-blue-soft);
  color:var(--brand-copy); background:var(--brand-page); font-size:16px;
}
.dg-public-landing .container {max-width:1160px;padding-inline:28px;}
.dg-public-landing h1,.dg-public-landing h2,.dg-public-landing h3 {color:var(--brand-ink);font-weight:650;letter-spacing:-.035em;}
.dg-public-landing p {line-height:1.75;}
.dg-public-landing .btn {border-radius:7px;text-transform:none;font-weight:550;letter-spacing:0;padding:12px 21px;min-height:46px;gap:10px;display:inline-flex;align-items:center;justify-content:center;box-shadow:none;}
.dg-public-landing .btn-primary {background:var(--brand-blue);border-color:var(--brand-blue);color:var(--brand-page);}
.dg-public-landing .btn-primary:hover,.dg-public-landing .btn-primary:focus {background:var(--brand-blue-strong);border-color:var(--brand-blue-strong);}
.dg-public-landing .btn-outline-primary {color:var(--brand-blue);border-color:var(--brand-border);background:var(--brand-page);}
.dg-public-landing .btn-outline-primary:hover {background:var(--brand-blue-soft);border-color:var(--brand-blue);}
.dg-public-landing a:focus-visible,.dg-public-landing button:focus-visible,.dg-public-landing summary:focus-visible {outline:3px solid var(--brand-blue);outline-offset:4px;}
.dg-public-landing nav.layout-navbar {background:var(--brand-page);}
.dg-public-landing nav.layout-navbar::after {pointer-events:none;}
.dg-public-landing .landing-navbar {padding:14px 0;margin-top:0;border:0;border-bottom:1px solid var(--brand-border);border-radius:0;background:var(--brand-page);}
.dg-public-landing .navbar-brand {margin:0;}
.dg-public-landing .navbar .nav-link {color:var(--brand-copy);font-weight:500;}
.dg-public-landing .landing-account-links {display:flex;gap:10px;}
.dg-public-landing .btn-text-secondary {color:var(--brand-copy);}
.dg-public-landing .dg-landing-hero {padding:154px 0 0;background:var(--brand-page);}
.dg-public-landing .dg-hero-content {text-align:center;max-width:810px;margin:auto;}
.dg-public-landing .dg-eyebrow {font-size:11px;letter-spacing:.16em;font-weight:650;line-height:1.5;color:var(--brand-teal);margin-bottom:24px;}
.dg-public-landing .dg-brand-dot {display:inline-block;width:6px;height:6px;background:var(--brand-orange);border-radius:50%;margin-right:9px;vertical-align:middle;}
.dg-public-landing h1 {font-size:clamp(36px,4.6vw,64px);line-height:1.13;margin:0 0 26px;}
.dg-public-landing .dg-heading-accent {color:var(--brand-blue);}
.dg-public-landing .dg-hero-description {font-size:18px;line-height:1.7;max-width:620px;margin:0 auto 30px;}
.dg-public-landing .dg-hero-actions {display:flex;gap:12px;justify-content:center;}
.dg-public-landing .dg-product-preview {position:relative;max-width:1060px;margin:64px auto 0;border:1px solid var(--brand-border);border-radius:12px;background:var(--brand-soft);box-shadow:var(--brand-shadow);}
.dg-public-landing .dg-preview-bar {padding:13px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--brand-border);font-size:11px;color:var(--brand-muted);}
.dg-public-landing .dg-window-dots {display:flex;gap:5px;width:56px;}
.dg-public-landing .dg-window-dots i {height:5px;width:5px;background:var(--brand-border);border-radius:50%;}
.dg-public-landing .dg-preview-mode {width:56px;text-align:right;}
.dg-public-landing .dg-product-preview img {display:block;width:100%;height:auto;border-radius:0 0 12px 12px;}
.dg-public-landing .dg-product-preview figcaption {font-size:11px;text-align:center;margin-top:15px;color:var(--brand-muted);position:absolute;top:100%;width:100%;}
.dg-public-landing .dg-section {padding:110px 0;}
.dg-public-landing .dg-section-soft {background:var(--brand-soft);}
.dg-public-landing section[id] {scroll-margin-top:78px;}
.dg-public-landing .dg-section-heading {max-width:630px;margin-bottom:56px;}
.dg-public-landing h2 {font-size:clamp(27px,3vw,40px);line-height:1.2;margin-bottom:20px;}
.dg-public-landing .dg-section-heading p:last-child {max-width:440px;margin-bottom:0;}
.dg-public-landing .dg-features-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:48px;row-gap:42px;}
.dg-public-landing .dg-feature {padding-top:24px;border-top:1px solid var(--brand-border);}
.dg-public-landing .dg-feature > i {display:block;font-size:27px;color:var(--brand-blue);margin-bottom:22px;}
.dg-public-landing .dg-feature h3 {font-size:17px;letter-spacing:-.015em;margin-bottom:10px;}
.dg-public-landing .dg-feature p {font-size:14px;line-height:1.8;margin:0;max-width:310px;}
.dg-public-landing .dg-editorial-row {display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:72px;}
.dg-public-landing .dg-illustration svg {display:block;width:100%;height:auto;}
.dg-public-landing .dg-editorial-copy > p:not(.dg-eyebrow) {max-width:440px;}
.dg-public-landing .dg-plain-list {list-style:none;padding:0;margin:28px 0;line-height:1.6;font-size:14px;}
.dg-public-landing .dg-plain-list li {display:flex;gap:10px;margin:13px 0;}
.dg-public-landing .dg-plain-list i {color:var(--brand-teal);}
.dg-public-landing .dg-text-link {font-weight:550;color:var(--brand-blue);display:inline-flex;gap:10px;align-items:center;}
.dg-public-landing #harga > .container > .text-center h2 {font-size:clamp(27px,3vw,38px);}
.dg-public-landing .dg-section-label {background:none;color:var(--brand-teal);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:0;}
.dg-public-landing .billing-switch {border-radius:7px;background:var(--brand-soft);padding:4px;}
.dg-public-landing .billing-switch button {border-radius:5px;padding:9px 20px;font-weight:550;font-size:13px;}
.dg-public-landing .pricing-grid {gap:18px;}
.dg-public-landing .plan-card {border-radius:9px;box-shadow:none;}
.dg-public-landing .plan-card.recommended {border:1px solid var(--brand-blue);box-shadow:none;}
.dg-public-landing .plan-body {padding:27px 22px;}
.dg-public-landing .plan-name {font-size:15px;letter-spacing:0;font-weight:650;}
.dg-public-landing .plan-description {font-size:12px;line-height:1.7;min-height:62px;}
.dg-public-landing .price {font-size:25px;letter-spacing:-.03em;}
.dg-public-landing .price-period {display:block;margin-top:8px;font-size:11px;}
.dg-public-landing .year-equivalent {font-size:11px;line-height:1.7;min-height:38px;}
.dg-public-landing .plan-ribbon {background:var(--brand-blue-soft);color:var(--brand-blue);font-size:10px;letter-spacing:.05em;padding:7px;}
.dg-public-landing .feature-row,.dg-public-landing .limit-row {font-size:12px;line-height:1.5;}
.dg-public-landing .plan-cta {width:100%;font-size:13px;padding:10px 14px;}
.dg-public-landing .dg-comparison {margin-top:36px;border-top:1px solid var(--brand-border);}
.dg-public-landing .dg-comparison summary {padding:22px 0;cursor:pointer;display:flex;gap:12px;justify-content:center;font-size:13px;color:var(--brand-blue);list-style:none;}
.dg-public-landing .dg-comparison summary::-webkit-details-marker {display:none;}
.dg-public-landing .comparison-wrap {border-radius:8px;}
.dg-public-landing .dg-faq-grid {display:grid;grid-template-columns:.85fr 1.2fr;gap:90px;align-items:start;}
.dg-public-landing .dg-faq-intro > p:not(.dg-eyebrow) {font-size:14px;max-width:300px;}
.dg-public-landing .dg-faq-intro svg {width:300px;max-width:100%;height:auto;margin-top:25px;display:block;}
.dg-public-landing .dg-faq .accordion-item {border:0!important;border-bottom:1px solid var(--brand-border)!important;border-radius:0!important;box-shadow:none;margin:0;background:transparent;}
.dg-public-landing .dg-faq .accordion-header {margin:0;letter-spacing:0;}
.dg-public-landing .dg-faq .accordion-button {padding:22px 0;background:transparent;box-shadow:none;color:var(--brand-ink);font-size:14px;font-weight:550;line-height:1.6;}
.dg-public-landing .dg-faq .accordion-button::after {margin-left:18px;}
.dg-public-landing .dg-faq .accordion-body {padding:0 30px 22px 0;font-size:14px;line-height:1.9;color:var(--brand-copy);}
.dg-public-landing .dg-start-row {display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;}
.dg-public-landing .dg-start-row > svg {width:100%;max-width:380px;justify-self:end;}
.dg-public-landing .dg-start-row p:not(.dg-eyebrow) {margin-bottom:28px;}
.dg-public-landing .dg-landing-footer {border-top:1px solid var(--brand-border);background:var(--brand-page);padding:40px 0 25px;}
.dg-public-landing .dg-footer-top {display:flex;align-items:center;gap:30px;flex-wrap:wrap;padding-bottom:34px;}
.dg-public-landing .dg-footer-top > p {margin:0;font-size:12px;color:var(--brand-muted);}
.dg-public-landing .dg-footer-top nav {display:flex;gap:26px;margin-left:auto;font-size:13px;}
.dg-public-landing .dg-footer-top a {color:var(--brand-copy);}
.dg-public-landing .dg-footer-bottom {display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--brand-border);padding-top:24px;font-size:11px;color:var(--brand-muted);}
@media(max-width:1199px){.dg-public-landing .dg-editorial-row {gap:40px;}.dg-public-landing .dg-faq-grid {gap:50px;}.dg-public-landing .pricing-grid {grid-template-columns:repeat(2,minmax(0,1fr));}.dg-public-landing .plan-description{min-height:42px;}}
@media(max-width:991px){.dg-public-landing .navbar-collapse {padding:20px 0;}.dg-public-landing .landing-account-links {margin-top:15px;}.dg-public-landing .dg-landing-hero {padding-top:130px;}.dg-public-landing .dg-features-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;}.dg-public-landing .dg-section {padding:78px 0;}.dg-public-landing .dg-footer-top nav {margin-left:0;}}
@media(max-width:767px){.dg-public-landing .container {padding-inline:22px;}.dg-public-landing .dg-hero-description {font-size:16px;}.dg-public-landing .dg-product-preview {margin-top:42px;}.dg-public-landing .dg-section {padding:65px 0;}.dg-public-landing .dg-section-heading {margin-bottom:34px;}.dg-public-landing .dg-editorial-row,.dg-public-landing .dg-faq-grid,.dg-public-landing .dg-start-row {grid-template-columns:1fr;gap:32px;}.dg-public-landing .dg-illustration {max-width:380px;margin:auto;}.dg-public-landing .dg-faq-intro svg {display:none;}.dg-public-landing .dg-start-row > svg {justify-self:center;max-width:300px;}.dg-public-landing .dg-footer-bottom {flex-direction:column;gap:10px;}}
@media(max-width:479px){.dg-public-landing .dg-eyebrow {margin-bottom:18px;}.dg-public-landing .dg-hero-actions {gap:9px;}.dg-public-landing .dg-hero-actions .btn {padding:11px 15px;font-size:13px;}.dg-public-landing .dg-features-grid,.dg-public-landing .pricing-grid {grid-template-columns:1fr;}.dg-public-landing .dg-feature {padding-top:22px;}.dg-public-landing .dg-feature > i {margin-bottom:14px;}.dg-public-landing .dg-feature p {max-width:none;}.dg-public-landing .dg-footer-top {gap:15px;}.dg-public-landing .dg-footer-top nav {gap:20px;flex-wrap:wrap;}.dg-public-landing .dg-preview-bar {font-size:9px;padding:9px 12px;}.dg-public-landing .dg-product-preview figcaption {font-size:10px;}.dg-public-landing .plan-description {min-height:0;}}
@media(prefers-reduced-motion:reduce){.dg-public-landing *{scroll-behavior:auto!important;transition:none!important;}}
/* Shared app buttons are compact/uppercase; public marketing uses sentence case. */
html .dg-public-landing .btn {text-transform:none!important;box-shadow:none!important;}
html .dg-public-landing .btn-primary {background:var(--brand-blue)!important;border-color:var(--brand-blue)!important;color:var(--brand-page)!important;}
html .dg-public-landing .btn-primary:hover {background:var(--brand-blue-strong)!important;border-color:var(--brand-blue-strong)!important;}
html .dg-public-landing .btn-outline-primary {background:var(--brand-page)!important;border-color:var(--brand-border)!important;color:var(--brand-blue)!important;}
html .dg-public-landing .btn-outline-primary:hover {background:var(--brand-blue-soft)!important;}
@media(min-width:1200px){.dg-public-landing .pricing-grid {grid-template-columns:repeat(3,minmax(0,1fr));}}
.dg-public-landing .plan-card {display:flex;flex-direction:column;}
.dg-public-landing .plan-body {height:auto!important;flex:1;}
.dg-public-landing .dg-extra-plans {margin-top:24px;}
.dg-public-landing .dg-extra-plans > summary {list-style:none;cursor:pointer;text-align:center;padding:15px;color:var(--brand-blue);font-size:13px;font-weight:550;}
.dg-public-landing .dg-extra-plans > summary::-webkit-details-marker {display:none;}
.dg-public-landing .dg-extra-plans[open] > summary {margin-bottom:24px;}

html.digi-style[data-style] body.dg-public-landing {background:var(--brand-page)!important;}

/* Complete feature directory uses native disclosure controls, including without JS. */
.dg-public-landing .dg-feature-directory {margin-top:84px;}
.dg-public-landing .dg-feature-directory > .dg-section-heading {margin-bottom:32px;}
.dg-public-landing .dg-feature-directory h2 {font-size:clamp(25px,2.7vw,34px);}
.dg-public-landing .dg-feature-category {border-top:1px solid var(--brand-border);}
.dg-public-landing .dg-feature-category > summary {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;list-style:none;cursor:pointer;color:var(--brand-ink);}
.dg-public-landing .dg-feature-category > summary::-webkit-details-marker {display:none;}
.dg-public-landing .dg-feature-category summary strong {display:block;font-size:16px;font-weight:600;}
.dg-public-landing .dg-feature-category summary span span {display:block;margin-top:6px;font-size:13px;color:var(--brand-copy);line-height:1.6;}
.dg-public-landing .dg-feature-category summary > i {color:var(--brand-blue);transition:transform .15s;}
.dg-public-landing .dg-feature-category[open] summary > i {transform:rotate(180deg);}
.dg-public-landing .dg-feature-items {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 56px;margin:6px 0 32px;}
.dg-public-landing .dg-feature-items dt {color:var(--brand-ink);font-size:14px;font-weight:550;margin-bottom:7px;}
.dg-public-landing .dg-feature-items dd {font-size:13px;line-height:1.8;margin:0;color:var(--brand-copy);}
.dg-public-landing .dg-feature-availability {border-top:1px solid var(--brand-border);padding-top:24px;font-size:12px;color:var(--brand-muted);max-width:800px;}
@media(max-width:767px){.dg-public-landing .dg-feature-directory {margin-top:56px;}.dg-public-landing .dg-feature-items {grid-template-columns:1fr;gap:20px;}.dg-public-landing .dg-feature-category > summary {padding:20px 0;}}
