.landing-page{--navy:#1a1a2e;--cream:#f5f0e8;--terracotta:#c4674f;--sand:#8c8070;--gold:#b8961e;--sage:#7a8c78;--blue:#2d5a8e;--cream-dark:#e8e0d4;--navy-light:#2a2a42;--terracotta-hover:#d4775f;--sand-light:#a8a090;--bg:var(--cream);--bg-alt:var(--cream-dark);--ink:var(--navy);--ink-light:var(--sand);--ink-muted:var(--sand-light);--border:var(--cream-dark);--border-dark:var(--navy);--bisnis:#e8733a;--ai:#7c5cfc;--data:#2da882;--ekonomi:#d4a843;--psikologi:#e05a8a;--produktivitas:#3a8fe8;--sejarah:#c45c3e;--sains:#5caaab;--serif:"Cormorant Garamond",Georgia,serif;--sans:"DM Sans",system-ui,sans-serif;--mono:"DM Mono",monospace;--ease-out-expo:cubic-bezier(.16,1,.3,1);font-family:var(--sans);background:var(--cream);color:var(--navy);-webkit-font-smoothing:antialiased;margin:0;padding:0;line-height:1.6;overflow-x:hidden}.landing-page *,.landing-page :before,.landing-page :after{box-sizing:border-box;margin:0;padding:0}.landing-page ::selection{background:var(--navy);color:var(--cream)}.landing-page:before{content:"";pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px;position:fixed;inset:0}.lp-container{max-width:1140px;margin:0 auto;padding:0 24px}.navbar{z-index:1000;-webkit-backdrop-filter:blur(12px);background:#f5f0e8eb;border-bottom:1px solid #1a1a2e0f;transition:box-shadow .3s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{box-shadow:0 2px 20px #1a1a2e14}.navbar-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.nav-logo{font-family:var(--serif);color:var(--navy);letter-spacing:-.02em;font-size:1.6rem;font-style:italic;font-weight:700;text-decoration:none}.nav-links{align-items:center;gap:32px;list-style:none;display:none}@media (min-width:768px){.nav-links{display:flex}}.nav-links a{font-family:var(--sans);color:var(--sand);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--navy)}.nav-btn{font-family:var(--sans);background:var(--navy);border:2px solid var(--navy);box-shadow:none;border-radius:10px 8px 12px 6px;align-items:center;padding:10px 24px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;color:var(--cream)!important}.nav-btn:hover{background:0 0;color:var(--navy)!important}.nav-mobile-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:flex}@media (min-width:768px){.nav-mobile-toggle{display:none}}.nav-mobile-toggle span{background:var(--navy);border-radius:2px;width:24px;height:2px;transition:all .3s;display:block}.mobile-nav{background:var(--cream);z-index:999;padding:32px 24px;display:none;position:fixed;inset:64px 0 0}.mobile-nav.open{display:block}.mobile-nav a{color:var(--navy);border-bottom:1px solid var(--cream-dark);padding:16px 0;font-size:1.1rem;font-weight:500;text-decoration:none;display:block}.btn-primary{background:var(--terracotta);color:#fff;font-family:var(--sans);cursor:pointer;border:none;border-radius:10px 8px 12px 6px;align-items:center;gap:8px;padding:10px 24px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:2px 2px #c4674f33}.btn-primary:hover{background:var(--terracotta-hover);transform:translateY(-1px);box-shadow:3px 3px #c4674f40}.btn-secondary{color:var(--navy);border:2px solid var(--navy);font-family:var(--sans);cursor:pointer;background:0 0;border-radius:10px 8px 12px 6px;align-items:center;gap:8px;padding:10px 24px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--navy);color:var(--cream)}.hero{text-align:center;z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:100px 0 60px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;max-width:720px;margin:0 auto;position:relative}.hero-label{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--terracotta);opacity:0;animation:fadeUp .8s var(--ease-out-expo).2s forwards;margin-bottom:20px;font-size:.8rem;font-weight:400;display:inline-block;transform:translateY(20px)}.hero-title{font-family:var(--serif);color:var(--navy);opacity:0;animation:fadeUp 1s var(--ease-out-expo).4s forwards;margin-bottom:24px;font-size:clamp(2.4rem,6vw,4rem);font-weight:600;line-height:1.15;transform:translateY(30px)}.hero-title em{color:var(--terracotta);font-style:italic}.hero-subtitle{font-family:var(--sans);color:var(--sand);opacity:0;max-width:520px;animation:fadeUp .8s var(--ease-out-expo).7s forwards;margin:0 auto 36px;font-size:1.15rem;line-height:1.7;transform:translateY(20px)}.hero-cta-group{opacity:0;animation:fadeUp .8s var(--ease-out-expo).9s forwards;flex-wrap:wrap;justify-content:center;gap:16px;display:flex;transform:translateY(20px)}.bookshelf{opacity:0;animation:fadeUp .8s var(--ease-out-expo)1.1s forwards;justify-content:center;align-items:flex-end;gap:6px;margin-top:32px;padding:24px 0 0;display:flex;position:relative}.bookshelf:after{content:"";background:var(--navy);opacity:.1;border-radius:2px;width:280px;height:8px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.shelf-book{border-radius:2px 3px 3px 2px;width:28px;transition:transform .3s;box-shadow:1px 1px 3px #0000001a}.shelf-book:hover{transform:translateY(-8px)}.characters-section{z-index:1;background:#fff;padding:4rem 24px 8rem;position:relative}.section-header{text-align:center;margin-bottom:5rem}.section-label{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--sand);margin-bottom:1.2rem;font-size:.7rem}.section-title{font-family:var(--serif);letter-spacing:-.02em;max-width:600px;margin:0 auto;font-size:clamp(2rem,4vw,3.2rem);font-weight:400;line-height:1.15}.characters-grid{grid-template-columns:repeat(4,1fr);gap:2rem 1.5rem;max-width:1300px;margin:0 auto;display:grid;position:relative}.char-item{cursor:pointer;color:inherit;outline:none;flex-direction:column;align-items:flex-start;text-decoration:none;display:flex;position:relative}.char-item:first-child{transform:translateY(0)}.char-item:nth-child(2){align-items:center;transform:translateY(60px)}.char-item:nth-child(3){align-items:flex-end;transform:translateY(-10px)}.char-item:nth-child(4){transform:translateY(40px)}.char-item:nth-child(5){align-items:center;transform:translateY(20px)}.char-item:nth-child(6){transform:translateY(-30px)}.char-item:nth-child(7){align-items:flex-end;transform:translateY(50px)}.char-item:nth-child(8){align-items:center;transform:translateY(-20px)}.thought-bubble{border:2px solid var(--navy);max-width:220px;transition:all .35s var(--ease-out-expo);background:#fff;border-radius:12px;padding:1.2rem 1.4rem;position:relative}.char-item:hover .thought-bubble{background:var(--navy);transform:translateY(-4px);box-shadow:0 8px 30px #1a1a2e1a}.char-item.visited .thought-bubble{border-style:dashed}.thought-bubble-question{font-family:var(--serif);color:var(--navy);font-size:1rem;line-height:1.4;transition:color .35s}.char-item:hover .thought-bubble-question{color:#fff}.thought-bubble-tag{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;opacity:.5;margin-top:.6rem;font-size:.6rem;transition:all .3s}.char-item:hover .thought-bubble-tag{color:#fff;opacity:.6}.thought-dots{flex-direction:column;align-items:flex-start;gap:4px;margin:4px 0;padding-left:20px;display:flex}.thought-dots .dot-lg{border:2px solid var(--navy);background:#fff;border-radius:50%;width:10px;height:10px;transition:background .3s}.thought-dots .dot-sm{border:2px solid var(--navy);background:#fff;border-radius:50%;width:6px;height:6px;margin-left:4px;transition:background .3s}.char-item:hover .dot-lg,.char-item:hover .dot-sm{background:var(--navy)}.char-svg{width:180px;height:220px;position:relative}.char-svg svg{width:100%;height:100%}.char-item:hover .char-svg{animation:charWobble .6s var(--ease-out-expo)}@keyframes charWobble{0%{transform:rotate(0)}25%{transform:rotate(-2deg)}50%{transform:rotate(1.5deg)}75%{transform:rotate(-.5deg)}to{transform:rotate(0)}}.different-section{background:var(--navy);color:var(--cream);padding:clamp(5rem,10vw,8rem) 24px;position:relative;overflow:hidden}.different-section:before{content:"";background:#fff;border-radius:0 0 50% 50%;height:80px;position:absolute;top:-40px;left:0;right:0}.different-section:after{content:"";background:var(--cream);border-radius:50% 50% 0 0;height:80px;position:absolute;bottom:-40px;left:0;right:0}.different-cards{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:900px;margin:0 auto 3rem;display:grid}.different-card{background:var(--navy-light);text-align:center;border:1.5px solid #f5f0e814;border-radius:16px;padding:2rem 1.5rem}.different-card-icon{opacity:.7;margin-bottom:1rem;font-size:1.8rem}.different-card-title{font-family:var(--sans);color:var(--cream);margin-bottom:.8rem;font-size:.95rem;font-weight:600}.different-card-desc{color:#f5f0e88c;margin-bottom:1rem;font-size:.85rem;line-height:1.6}.different-card-verdict{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--terracotta);opacity:.8;font-size:.7rem}.different-answer{text-align:center;background:#c4674f0f;border:1.5px solid #f5f0e81a;border-radius:16px;max-width:700px;margin:0 auto;padding:2rem}.different-answer-label{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--terracotta);margin-bottom:.8rem;font-size:.7rem}.different-answer-text{color:#f5f0e8bf;font-size:1rem;line-height:1.7}.different-formula{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:3rem;display:flex}.formula-source{color:#f5f0e8b3;border:1.5px solid #f5f0e826;border-radius:10px;align-items:center;gap:.5rem;padding:.7rem 1.2rem;font-size:.85rem;font-weight:500;display:inline-flex}.formula-source svg{opacity:.6}.formula-plus{color:#f5f0e84d;font-size:1.1rem;font-weight:300}.formula-arrow{color:#f5f0e866;align-items:center;display:flex}.formula-result{background:var(--terracotta);color:#fff;font-family:var(--serif);border-radius:10px;padding:.7rem 1.5rem;font-size:1.05rem;font-style:italic;font-weight:600}.how-section{z-index:1;padding:80px 0;position:relative}@media (min-width:768px){.how-section{padding:120px 0}}.steps-grid{grid-template-columns:1fr;gap:32px;max-width:900px;margin:0 auto;display:grid;position:relative}@media (min-width:768px){.steps-grid{grid-template-columns:repeat(3,1fr)}}.step-card{text-align:center;padding:36px 24px;position:relative}.step-number{font-family:var(--serif);color:var(--cream-dark);margin-bottom:16px;font-size:3.5rem;font-weight:700;line-height:1}.step-icon{justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;display:flex}.step-card h3{font-family:var(--serif);margin-bottom:10px;font-size:1.2rem;font-weight:600}.step-card p{color:var(--sand);font-size:.9rem;line-height:1.6}@media (min-width:768px){.step-card:not(:last-child):after{content:"";border-top:2px dashed var(--cream-dark);width:36px;height:2px;position:absolute;top:50%;right:-18px}}.pricing-c{background:var(--cream);padding:clamp(5rem,12vw,10rem) 24px;position:relative}.pricing-c-header{text-align:center;margin-bottom:clamp(3rem,6vw,5rem)}.pricing-c-title{font-family:var(--serif);color:var(--navy);margin-bottom:.8rem;font-size:clamp(1.6rem,3.5vw,3rem);font-weight:600}.pricing-c-subtitle{color:var(--sand);font-size:1rem}.pricing-c-cards{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:800px;margin:0 auto;display:grid}.pricing-c-card{background:#fff;border:2px solid #0000;border-radius:20px;flex-direction:column;padding:clamp(2rem,3vw,3rem);transition:transform .35s,box-shadow .35s;display:flex}.pricing-c-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #1a1a2e0f}.pricing-c-card--premium{background:var(--navy);color:#fff;border-color:var(--terracotta);position:relative}.pricing-c-card--premium .pc-label,.pricing-c-card--premium .pc-features li{color:#ffffffa6}.pricing-c-card--premium .pc-name,.pricing-c-card--premium .pc-price{color:#fff}.pc-badge{background:var(--terracotta);color:#fff;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border-radius:100px;padding:.35rem .9rem;font-size:.65rem;position:absolute;top:-12px;right:20px}.pc-name{letter-spacing:.08em;text-transform:uppercase;color:var(--sand);margin-bottom:1.2rem;font-size:.85rem;font-weight:600}.pc-price{font-family:var(--serif);color:var(--navy);margin-bottom:.3rem;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:700;line-height:1}.pc-period{color:var(--sand);margin-bottom:.3rem;font-size:.85rem}.pricing-c-card--premium .pc-period{color:#ffffff80}.pc-daily{font-family:var(--mono);color:var(--terracotta);margin-bottom:2rem;font-size:.75rem}.pc-label{color:var(--sand);font-size:.85rem}.pc-features{flex-direction:column;flex-grow:1;gap:.8rem;margin-bottom:2rem;list-style:none;display:flex}.pc-features li{color:var(--navy);align-items:center;gap:.6rem;font-size:.9rem;line-height:1.4;display:flex}.pc-features li svg{flex-shrink:0;width:16px;height:16px}.pc-features .check{color:var(--sage)}.pc-features .cross{color:var(--sand);opacity:.5}.pricing-c-card--premium .pc-features .check{color:var(--terracotta)}.pc-btn{text-align:center;cursor:pointer;border:none;border-radius:100px;padding:.9rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:block}.pc-btn--outline{color:var(--navy);border:2px solid var(--navy);background:0 0}.pc-btn--outline:hover{background:var(--navy);color:#fff}.pc-btn--fill{background:var(--terracotta);color:#fff}.pc-btn--fill:hover{background:var(--terracotta-hover);transform:translateY(-2px);box-shadow:0 8px 25px #c4674f59}.final-cta{background:var(--navy);color:var(--cream);text-align:center;padding:clamp(6rem,14vw,10rem) 24px;position:relative;overflow:hidden}.final-cta:before{content:"";background:var(--cream);border-radius:0 0 50% 50%;height:80px;position:absolute;top:-40px;left:0;right:0}.cta-label{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--terracotta);margin-bottom:1.5rem;font-size:.7rem;display:block}.cta-heading{font-family:var(--serif);max-width:750px;color:var(--cream);margin:0 auto 1rem;font-size:clamp(2rem,5vw,3.4rem);font-weight:600;line-height:1.25}.cta-heading em{color:var(--terracotta);font-style:italic}.cta-sub{color:#f5f0e880;max-width:480px;margin:0 auto 2.5rem;font-size:1.05rem;line-height:1.7}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.cta-primary-btn{padding:14px 32px!important;font-size:1rem!important}.cta-btn-secondary{color:var(--cream);font-family:var(--sans);cursor:pointer;background:0 0;border:1.5px solid #f5f0e840;border-radius:10px 8px 12px 6px;align-items:center;gap:8px;padding:12px 28px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .25s;display:inline-flex}.cta-btn-secondary:hover{background:#f5f0e814;border-color:#f5f0e866}.cta-proof{opacity:.4;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;display:flex}.cta-proof-item{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.4rem;font-size:.7rem;display:flex}.footer{background:var(--navy);color:var(--cream);z-index:1;padding:60px 0 32px;position:relative}.footer-inner{grid-template-columns:1fr;gap:40px;margin-bottom:40px;display:grid}@media (min-width:640px){.footer-inner{grid-template-columns:2fr 1fr 1fr}}.footer-brand .nav-logo,.footer-logo-link{color:var(--cream)!important}.footer-tagline{font-family:var(--serif);color:#f5f0e880;margin-top:12px;font-size:1.05rem;font-style:italic;line-height:1.5}.footer h4{font-family:var(--sans);text-transform:uppercase;letter-spacing:.08em;color:#f5f0e866;margin-bottom:16px;font-size:.82rem;font-weight:600}.footer-links-list{list-style:none}.footer-links-list li{margin-bottom:10px}.footer-links-list a{color:#f5f0e8b3;font-size:.9rem;text-decoration:none;transition:color .2s}.footer-links-list a:hover{color:var(--cream)}.footer-bottom{border-top:1px solid #f5f0e814;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;display:flex}.footer-bottom p{color:#f5f0e866;font-size:.8rem}.footer-descriptor{font-family:var(--serif);font-style:italic;color:#f5f0e859!important;font-size:.85rem!important}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes lineReveal{to{transform:scaleX(1)}}@keyframes scrollDown{0%{top:-100%}50%{top:100%}to{top:100%}}.reveal{opacity:0;transition:opacity .7s var(--ease-out-expo),transform .7s var(--ease-out-expo);transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.char-item.reveal.visible:first-child{transform:translateY(0)}.char-item.reveal.visible:nth-child(2){transform:translateY(60px)}.char-item.reveal.visible:nth-child(3){transform:translateY(-10px)}.char-item.reveal.visible:nth-child(4){transform:translateY(40px)}.char-item.reveal.visible:nth-child(5){transform:translateY(20px)}.char-item.reveal.visible:nth-child(6){transform:translateY(-30px)}.char-item.reveal.visible:nth-child(7){transform:translateY(50px)}.char-item.reveal.visible:nth-child(8){transform:translateY(-20px)}@media (max-width:1024px){.characters-grid{grid-template-columns:repeat(2,1fr);gap:3rem 1.5rem}.char-item:nth-child(n){align-items:center;transform:translateY(0)}.char-item:nth-child(2n){transform:translateY(30px)}.char-item.reveal.visible:nth-child(n){transform:translateY(0)}.char-item.reveal.visible:nth-child(2n){transform:translateY(30px)}}@media (max-width:768px){.nav-links{display:none!important}.nav-links.open{background:var(--cream);border-bottom:1px solid var(--cream-dark);flex-direction:column;gap:1rem;padding:1.5rem;position:absolute;top:64px;left:0;right:0;display:flex!important}.hero{min-height:auto;padding:100px 24px 40px}.hero .lp-container{width:100%;min-width:0;overflow:hidden}.hero-content{width:100%;min-width:0;max-width:100%}.hero-title{font-size:clamp(2rem,8vw,2.4rem)}.hero-subtitle{font-size:.9rem}.hero-cta-group{flex-direction:column;align-items:center}.bookshelf{max-width:100%;overflow-x:auto}.characters-grid{grid-template-columns:1fr;gap:3rem}.char-item:nth-child(n),.char-item.reveal.visible:nth-child(n){align-items:center;transform:translateY(0)!important}.char-svg{width:150px;height:185px}.different-cards{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}.different-formula{flex-direction:column;gap:.6rem;margin-top:2rem}.formula-source{padding:.5rem .8rem;font-size:.75rem}.formula-arrow{transform:rotate(90deg)}.formula-result{text-align:center;width:100%}.how-section{padding:48px 0}.how-section .section-header{margin-bottom:1.5rem}.steps-grid{grid-template-columns:1fr;gap:0}.step-card{padding:12px 16px 16px}.step-number{margin-bottom:4px;font-size:2rem}.step-icon{width:48px;height:48px;margin-bottom:8px}.step-icon svg{width:48px;height:48px}.step-card h3{margin-bottom:4px;font-size:1.05rem}.step-card p{font-size:.82rem}.pricing-c-cards{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}.final-cta{padding:3rem 24px 1.5rem}.footer{padding-top:24px}.footer-inner{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column;gap:.5rem}}