.landing-page{--lp-sky:#e4ecee;--lp-tint:#efe8dc;background:var(--color-cream);position:relative;overflow:clip}.landing-page h1,.landing-page h2,.landing-page h3{letter-spacing:-.03em;font-weight:800}.landing-page :focus-visible{outline:3px solid var(--color-gold);outline-offset:4px}.lp-pad{padding-inline:18px}.lp-header{z-index:2;justify-content:space-between;align-items:center;height:52px;padding-inline:18px;display:flex;position:absolute;inset:0 0 auto}.lp-logo{letter-spacing:-.04em;color:var(--color-brand);align-items:center;gap:7px;font-size:17px;font-weight:800;display:inline-flex}.lp-header-link{color:var(--color-brand);text-underline-offset:4px;font-size:12px;font-weight:700;text-decoration:underline}.lp-label{letter-spacing:.14em;color:var(--color-muted);font-size:10px;font-weight:700}.lp-button{background:var(--color-brand);color:#fff;border-radius:16px;justify-content:center;align-items:center;gap:10px;min-height:50px;margin-top:16px;padding:12px 20px;font-size:15px;font-weight:700;transition:background .2s;display:flex}.lp-button:hover{background:#1e2b50}.lp-button>span{font-size:17px}.lp-meta{text-align:center;color:var(--color-muted);margin-top:8px;font-size:11px}.lp-note{color:var(--color-muted);margin-top:10px;font-size:11.5px;line-height:1.5}.lp-hero{isolation:isolate;background:#faf4e8;min-height:680px;padding-top:74px;padding-bottom:330px;position:relative}.lp-hero-copy{z-index:1;position:relative}.lp-hero .lp-label{color:#285958;font-size:9px}.lp-hero h1{text-wrap:balance;max-width:82%;margin-top:10px;font-size:clamp(28px,7.4vw,32px);line-height:1.1}.lp-intro{color:#3f4558;margin-top:10px;font-size:14px;line-height:1.5}.lp-hero .lp-intro{max-width:66%;font-size:13px}.lp-hero .lp-button{border-radius:12px;width:fit-content;max-width:76%;padding:12px 14px;font-size:13px}.lp-hero .lp-meta{text-align:left;font-size:10px}.lp-hero-art{z-index:-1;object-fit:cover;object-position:center bottom;pointer-events:none}.lp-section{padding-block:30px}.lp-section h2{margin-top:6px;font-size:21px;line-height:1.2}.lp-tint{background:var(--lp-tint)}.lp-carousel{margin-top:14px}.lp-carousel .snap-center{border-radius:12px;width:92%}.lp-toc{margin-top:16px}.lp-toc-head{border-bottom:1px solid var(--color-ink);letter-spacing:.14em;justify-content:space-between;padding-bottom:6px;font-size:10px;font-weight:700;display:flex}.lp-toc ol{columns:2;column-gap:14px;padding-top:4px;list-style:none}.lp-toc li{break-inside:avoid;gap:6px;padding-block:4px;font-size:11.5px;line-height:1.35;display:flex}.lp-toc li>span{width:16px;color:var(--color-brand);flex-shrink:0;font-weight:700}.lp-steps{margin-top:10px;list-style:none}.lp-steps li{border-top:1px solid #ddd4c4;gap:12px;padding-block:9px;display:flex}.lp-steps li:first-child{border-top:0;padding-top:0}.lp-steps li>span{color:var(--color-accent);font-size:12px;font-weight:800;line-height:20px}.lp-steps h3{font-size:15px;line-height:1.35}.lp-steps p{color:var(--color-muted);margin-top:2px;font-size:12.5px;line-height:1.45}.lp-list-title{letter-spacing:.14em;margin-top:14px;font-size:10px;font-weight:700}.lp-list-title.lp-list-before{color:var(--color-accent)}.lp-list-title.lp-list-after{color:var(--color-leaf)}.lp-list{margin-top:2px;list-style:none}.lp-list li{padding:4px 0 4px 16px;font-size:13.5px;line-height:1.45;position:relative}.lp-list li:before{content:"";border-radius:50%;width:6px;height:6px;position:absolute;top:11px;left:1px}.lp-list-before li:before{background:var(--color-accent)}.lp-list-after li:before{background:var(--color-leaf)}.lp-legend{flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:11.5px;font-weight:700;display:flex}.lp-legend span{color:var(--family-color);align-items:center;gap:6px;display:inline-flex}.lp-legend span:before{content:"";background:var(--family-color);border-radius:50%;width:8px;height:8px}.lp-types{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px;display:grid}.lp-types>div{border:1.5px solid var(--family-color);background:var(--family-soft);text-align:center;border-radius:12px;overflow:hidden}.lp-types img{aspect-ratio:1;object-fit:cover;mix-blend-mode:multiply;width:100%;height:auto;display:block}.lp-types strong{background:var(--family-color);color:#fff;letter-spacing:.06em;padding-block:3px;font-size:11px;display:block}.lp-ghost{border:1.5px solid var(--color-brand);min-height:46px;color:var(--color-brand);border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-top:14px;font-size:14px;font-weight:700;display:flex}.lp-ghost:hover{background:#ffffff70}.lp-result-art{border-radius:16px;margin-top:10px;position:relative;overflow:hidden}.lp-result-art img{aspect-ratio:16/10;object-fit:cover;object-position:50% 35%;width:100%;height:auto;display:block}.lp-result-shade{background:linear-gradient(#0000 50%,#151d36b0);position:absolute;inset:0}.lp-result-art h2{color:#fff;margin:0;font-size:34px;line-height:1;position:absolute;bottom:12px;left:16px}.lp-result-art small{font-size:17px;font-weight:600}.lp-tagline{margin-top:10px;font-size:14px;font-style:italic;font-weight:600;line-height:1.4}.lp-bars{margin-top:14px}.lp-bars>div{gap:10px}.lp-final{grid-template-columns:104px 1fr;align-items:center;gap:0 14px;padding-block:4px 30px;display:grid}.lp-final-art{object-fit:cover;object-position:30% 40%;border-radius:14px;grid-row:span 2;width:104px;height:104px}.lp-final h2{margin-top:4px;font-size:16px;line-height:1.3}.lp-final .lp-button,.lp-final .lp-meta{grid-column:1/-1}.lp-footer{border-top:1px solid var(--color-line);padding-block:18px 20px}.lp-footer nav{color:var(--color-muted);flex-wrap:wrap;gap:6px 16px;margin-top:8px;font-size:12px;display:flex}.lp-footer nav a:hover{color:var(--color-ink)}.lp-footer>p{color:var(--color-muted);margin-top:10px;font-size:10.5px}
.landing-page.landing-v2{--color-brand:#3d4f8f;--color-brand-soft:#e4e8f5;--color-accent:#c0603f;--color-leaf:#3e8a6e;--color-gold:#e2a52e;--lp-tint:#f0ece3}.landing-v2 .atlas-theme-strategi{--family-color:#3d4f8f;--family-soft:#e4e8f5}.landing-v2 .atlas-theme-makna{--family-color:#3e8a6e;--family-soft:#e3f1eb}.landing-v2 .atlas-theme-pondasi{--family-color:#c0603f;--family-soft:#f6e8e1}.landing-v2 .atlas-theme-aksi{--family-color:#956813;--family-soft:#fbf1dc}.landing-v2 .lp-result-art{background:#e3f1eb}.landing-v2 .lp-result-art img{object-fit:cover;object-position:center}.landing-v2 .lp-final-art{object-fit:contain;object-position:center;background:#e4e8f5}.landing-v2 .lp-hero .lp-meta{color:#555965;background:#faf4e8ed;border-radius:4px;width:fit-content;margin-left:43px;padding:2px 5px}.landing-v2 .lp-header-link{background:#faf4e8dc;border-radius:4px;padding:3px 5px}.lp-preview-nav{color:#3d4f8f;background:#e4e8f5;justify-content:space-between;align-items:center;gap:8px;min-height:40px;padding:11px 14px;font-size:9px;font-weight:700;display:flex}.lp-preview-nav a{padding:4px 0}.lp-preview-nav a[aria-current=page]{text-underline-offset:4px;text-decoration:underline}.lp-mini-preview .lp-header{top:45px}.lp-compact-header{justify-content:space-between;align-items:center;height:52px;display:flex}.lp-compact-hero{background:#faf4e8;padding-top:18px}.lp-compact-hero h1{text-wrap:balance;max-width:95%;margin-top:10px;font-size:30px;line-height:1.12}.lp-compact-hero .lp-intro{font-size:13px}.lp-compact-hero .lp-button{border-radius:12px}.lp-compact-art{width:100%;height:auto;margin-top:12px;display:block}.lp-compact .lp-section{padding-block:25px}.lp-compact .lp-section>.lp-intro{font-size:12.5px}.lp-compact-families{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:20px;display:grid}.lp-compact-families>div{text-align:center}.lp-compact-families img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100px}.lp-compact-families span{font-size:10px;font-weight:700}.lp-compact-final{background:#e4e8f5}.landing-v2 .lp-header{z-index:30;background:var(--color-cream);border-bottom:1px solid var(--color-line);height:56px;position:sticky}.landing-v2 .lp-hero{min-height:642px;padding-top:24px;padding-bottom:322px}.landing-v2 .lp-hero h1{font-size:clamp(25px,6.6vw,28px)}.landing-v2 .lp-hero .lp-intro{font-size:12px}.landing-v2 .lp-hero .lp-button{padding:11px 13px;font-size:12.5px}.landing-v2 .lp-types-art{aspect-ratio:1;border-radius:12px;width:100%;height:auto;margin-top:12px;display:block}