/* The Lobster Way — claw.quantummind.id */


*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:#030d0a;color:#E8E4D8;line-height:1.7;overflow-x:clip;-webkit-font-smoothing:antialiased;cursor:none}
#cursor{position:fixed;width:12px;height:12px;background:#C9A84C;border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width 0.2s,height 0.2s,background 0.2s;mix-blend-mode:difference}
#cursor-ring{position:fixed;width:36px;height:36px;border:1px solid rgba(201,168,76,0.5);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:all 0.12s ease}
a,button{cursor:none}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:#030d0a}
::-webkit-scrollbar-thumb{background:#8B6914}

/* TICKER */
.ticker{position:fixed;top:0;left:0;right:0;z-index:300;background:rgba(201,168,76,0.08);border-bottom:1px solid rgba(201,168,76,0.2);padding:9px 0;overflow:hidden}
.ticker-track{display:flex;white-space:nowrap;animation:ticker 35s linear infinite}
.ticker-item{display:inline-flex;align-items:center;gap:8px;padding:0 32px;font-size:12px;font-weight:500;color:#F0D080;letter-spacing:0.3px}
.dot{width:5px;height:5px;border-radius:50%;background:#C9A84C;flex-shrink:0}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* NAV */
nav{position:fixed;top:36px;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:0 5%;height:60px;background:rgba(3,13,10,0.85);backdrop-filter:blur(20px);border-bottom:1px solid rgba(201,168,76,0.1)}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.nav-diamond{width:8px;height:8px;background:#C9A84C;transform:rotate(45deg)}
.nav-brand{font-family:'Cormorant Garamond',serif;font-size:16px;font-weight:600;color:#F0D080;letter-spacing:1px;text-transform:uppercase}
.nav-links{display:flex;gap:28px}
.nav-links a{font-size:12px;font-weight:500;color:#C8C4B8;text-decoration:none;letter-spacing:1.5px;text-transform:uppercase;transition:color 0.2s}
.nav-links a:hover{color:#F0D080}
.nav-cta{border:1px solid #C9A84C;color:#C9A84C;background:transparent;padding:10px 22px;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;transition:all 0.3s}
.nav-cta:hover{background:#C9A84C;color:#030d0a}

/* GOLD DIVIDER */
.gdiv{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,0.3),transparent)}

/* HERO */
.hero{min-height:100vh;display:flex;align-items:center;padding:110px 6% 80px;position:relative;overflow:hidden}
.hero-inner{max-width:1280px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 460px;gap:60px;align-items:center;position:relative;z-index:1}
.hero-eyebrow{display:flex;align-items:center;gap:16px;margin-bottom:28px}
.hero-eyebrow-line{width:40px;height:1px;background:#C9A84C;opacity:0.6}
.hero-eyebrow span{font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:#C9A84C}
.hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(72px,9vw,130px);font-weight:700;line-height:0.92;letter-spacing:-3px;margin-bottom:28px}
.hero h1 .w1{color:#F0ECE0;display:block;font-style:italic;font-weight:300}
.hero h1 .w2{color:#C9A84C;display:block;font-weight:700}
.hero h1 .w3{color:#F0ECE0;display:block;font-style:italic;font-weight:300}
.hero-sub{font-family:'Cormorant Garamond',serif;font-size:20px;color:#C8C4B8;font-style:italic;margin-bottom:16px}
.hero-desc{font-size:16px;color:#D0CCC0;line-height:1.8;margin-bottom:36px;max-width:480px}
.hero-stats{display:inline-flex;align-items:stretch;border:1px solid rgba(201,168,76,0.2);background:rgba(201,168,76,0.04);margin-bottom:40px}
.hero-stat{padding:16px 28px;border-right:1px solid rgba(201,168,76,0.12)}
.hero-stat:last-child{border-right:none}
.hero-stat-num{font-family:'Cormorant Garamond',serif;font-size:36px;font-weight:700;color:#C9A84C;line-height:1;letter-spacing:-1px}
.hero-stat-lbl{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#9A9890;margin-top:4px}
.hero-btns{display:flex;gap:14px}
.btn-gold{display:inline-flex;align-items:center;gap:8px;background:#C9A84C;color:#030d0a;padding:16px 32px;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;transition:all 0.3s}
.btn-gold:hover{background:#F0D080;transform:translateY(-2px)}
.btn-outline{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(201,168,76,0.5);color:#C9A84C;padding:16px 28px;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;text-decoration:none;background:transparent;transition:all 0.3s}
.btn-outline:hover{border-color:#C9A84C;background:rgba(201,168,76,0.08)}

/* BOOK 3D */
.book-wrap{display:flex;justify-content:center;align-items:center;position:relative}
.book-glow{position:absolute;bottom:-30px;left:10%;right:10%;height:50px;background:radial-gradient(ellipse,rgba(15,110,86,0.5) 0%,transparent 70%);filter:blur(16px)}
.book-3d{position:relative;width:384px;height:552px;transform:perspective(900px) rotateY(-8deg) rotateX(2deg);animation:book-float 5s ease-in-out infinite;filter:drop-shadow(-8px 8px 0 #021a0a) drop-shadow(0 40px 60px rgba(0,0,0,0.7))}
.book-spine{position:absolute;left:-16px;top:4px;bottom:4px;width:16px;background:linear-gradient(to right,#021408,#041f0c);transform:rotateY(-90deg);transform-origin:right center;border-radius:2px 0 0 2px}
.book-cover{position:absolute;inset:0;border-radius:3px 12px 12px 3px;overflow:hidden;border:1px solid rgba(255,255,255,0.07)}
.book-cover img{width:100%;height:100%;object-fit:cover;display:block}
.book-fallback{display:none;width:100%;height:100%;background:linear-gradient(145deg,#030d0a 0%,#0a2d1e 40%,#0d3824 70%,#051810 100%);flex-direction:column;align-items:center;justify-content:center;padding:36px 28px;text-align:center;position:relative}
.book-fallback::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 35% 25%,rgba(93,202,165,0.08) 0%,transparent 55%)}
.book-lobster{font-size:80px;margin-bottom:24px;position:relative;animation:lobster-bob 3s ease-in-out infinite}
.book-title{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:700;color:#fff;line-height:1.1;margin-bottom:8px;position:relative}
.book-subtitle{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,0.5);margin-bottom:28px;position:relative}
.book-line{width:40px;height:1px;background:rgba(255,255,255,0.2);margin:0 auto 24px;position:relative}
.book-author{font-size:13px;color:rgba(255,255,255,0.5);position:relative}
.scroll-hint{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#9A9890;z-index:1}
.scroll-line{width:1px;height:40px;background:linear-gradient(#C9A84C,transparent);animation:scroll-pulse 2s ease-in-out infinite}

/* SECTIONS */
.sec{padding:100px 5%;position:relative}
.sec-inner{max-width:1280px;margin:0 auto}
.eyebrow{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.eyebrow-line{width:32px;height:1px;background:#C9A84C;opacity:0.6}
.eyebrow span{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#C9A84C}
.sec-title{font-family:'Cormorant Garamond',serif;font-size:clamp(36px,4vw,60px);font-weight:600;line-height:1.1;letter-spacing:-1px;color:#F0ECE0;margin-bottom:16px}
.sec-title em{color:#C9A84C;font-style:italic}
.sec-desc{font-size:16px;color:#C8C4B8;max-width:520px;line-height:1.8}

/* LIGHT SECTIONS */
.sec-light{background:#F5F0E8}
.sec-light .eyebrow-line{background:#0F6E56;opacity:1}
.sec-light .eyebrow span{color:#0F6E56}
.sec-light .sec-title{color:#071510}
.sec-light .sec-desc{color:#444441}
.sec-cream{background:#EEF5F0}
.sec-cream .eyebrow-line{background:#0F6E56;opacity:1}
.sec-cream .eyebrow span{color:#0F6E56}
.sec-cream .sec-title{color:#071510}
.sec-cream .sec-desc{color:#444441}
.sec-white{background:#F8F6F1}
.sec-white .eyebrow-line{background:#0F6E56;opacity:1}
.sec-white .eyebrow span{color:#0F6E56}
.sec-white .sec-title{color:#071510}
.sec-white .sec-desc{color:#444441}
.sec-dark{background:#0a1e14}
.sec-dark2{background:#071510}

/* AUDIENCE */
.aud-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(15,110,86,0.15);margin-top:56px}
.aud-card{background:#FFFFFF;padding:48px 36px;position:relative;overflow:hidden;transition:background 0.3s}
.aud-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:#0F6E56;transform:scaleX(0);transform-origin:left;transition:transform 0.4s}
.aud-card:hover{background:#F0FAF5}
.aud-card:hover::after{transform:scaleX(1)}
.aud-num{font-family:'Cormorant Garamond',serif;font-size:72px;font-weight:700;color:rgba(15,110,86,0.12);line-height:1;margin-bottom:16px;letter-spacing:-3px}
.aud-title{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:700;color:#071510;margin-bottom:10px}
.aud-desc{font-size:15px;color:#333330;line-height:1.75}

/* PAIN */
.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(15,110,86,0.12);margin-top:56px}
.pain-card{background:#FFFFFF;padding:40px 32px;transition:background 0.3s;position:relative}
.pain-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(201,168,76,0.5),transparent);transform:scaleX(0);transform-origin:center;transition:transform 0.4s}
.pain-card:hover{background:#FFFDF5}
.pain-card:hover::before{transform:scaleX(1)}
.pain-num{font-family:'Cormorant Garamond',serif;font-size:52px;font-weight:700;color:rgba(15,110,86,0.15);line-height:1;margin-bottom:14px}
.pain-title{font-family:'Cormorant Garamond',serif;font-size:19px;font-weight:700;color:#071510;margin-bottom:10px;line-height:1.3}
.pain-desc{font-size:14px;color:#333330;line-height:1.8}
.pain-callout{margin-top:56px;text-align:center}
.pain-callout-inner{display:inline-flex;align-items:center;gap:20px;border:1px solid #C9A84C;padding:24px 40px;background:#FFFBF0}
.pain-callout-icon{font-family:'Cormorant Garamond',serif;font-size:28px;color:#C9A84C}
.pain-callout-title{font-family:'Cormorant Garamond',serif;font-size:20px;color:#071510;font-weight:600;margin-bottom:4px}
.pain-callout-sub{font-size:14px;color:#444441}

/* FITUR */
.fitur-wrap{display:grid;grid-template-columns:1fr 460px;gap:80px;align-items:center}
.fitur-cols{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px}
.fitur-col-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700;margin-bottom:16px}
.fitur-col-label.yes{color:#0F6E56}
.fitur-col-label.no{color:#5F5E5A}
.fitur-list{list-style:none;display:flex;flex-direction:column;gap:10px}
.fitur-list li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.6}
.fitur-list.yes li{color:#1A1A18}
.fitur-list.no li{color:#5F5E5A}
.fi{flex-shrink:0;margin-top:2px;font-size:10px}
.fi.y{color:#0F6E56}
.fi.n{color:#888780}

/* BAB */
.bab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1px;background:rgba(255,255,255,0.05);margin-top:56px}
.bab-card{background:#0a1e14;padding:26px 26px 26px 0;display:flex;gap:0;transition:background 0.25s}
.bab-card:hover{background:#0d2419}
.bab-stripe{width:4px;flex-shrink:0;margin-right:22px;opacity:0.7}
.bab-info{flex:1}
.bab-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.bab-lbl{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#9A9890}
.badge{font-size:9px;font-weight:700;padding:3px 8px;letter-spacing:0.5px;text-transform:uppercase}
.bl{background:rgba(93,202,165,0.1);color:#5DCAA5;border:1px solid rgba(93,202,165,0.2)}
.bj{background:rgba(201,168,76,0.1);color:#C9A84C;border:1px solid rgba(201,168,76,0.2)}
.ba{background:rgba(200,60,60,0.1);color:#F09595;border:1px solid rgba(200,60,60,0.2)}
.bab-title{font-family:'Cormorant Garamond',serif;font-size:17px;font-weight:700;color:#F0ECE0;margin-bottom:4px;line-height:1.3}
.bab-sub{font-size:12px;color:#B0ACA4;line-height:1.5}

/* QUOTE */
.quote-section{background:#030d0a;padding:80px 5%;text-align:center}
.big-quote{font-family:'Cormorant Garamond',serif;font-size:clamp(22px,3.5vw,44px);font-weight:300;font-style:italic;color:#F0ECE0;line-height:1.5;max-width:860px;margin:0 auto 20px;letter-spacing:-0.3px}
.big-quote em{color:#C9A84C;font-style:normal}
.quote-attr{font-size:13px;color:#9A9890;letter-spacing:1px}

/* HARGA */
.harga-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1px;background:rgba(201,168,76,0.1);margin-top:56px}
.hc{padding:36px 28px;position:relative;transition:background 0.3s}
.hc.dark{background:#071510}
.hc.dark:hover{background:rgba(201,168,76,0.04)}
.hc.feat{background:linear-gradient(135deg,rgba(201,168,76,0.12),rgba(201,168,76,0.04));border-top:2px solid #C9A84C}
.hc.bundel{background:linear-gradient(145deg,#051a10,#0a2d1e,#0d3824);border-top:2px solid rgba(201,168,76,0.5);overflow:hidden}
.hc.bundel::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(93,202,165,0.06) 0%,transparent 60%);pointer-events:none}
.hc-pop{position:absolute;top:-1px;left:50%;transform:translateX(-50%);font-size:9px;font-weight:800;letter-spacing:2px;text-transform:uppercase;padding:5px 16px;white-space:nowrap}
.hc-pop.gold{background:#C9A84C;color:#030d0a}
.hc-pop.teal{background:linear-gradient(90deg,#0a3d2e,#0F6E56);color:#C9A84C;border:1px solid rgba(201,168,76,0.3)}
.hc-label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;margin-top:14px}
.hc.dark .hc-label{color:#9A9890}
.hc.feat .hc-label{color:#9A9890}
.hc.bundel .hc-label{color:#C9A84C;position:relative}
.hc-price{font-family:'Cormorant Garamond',serif;font-size:52px;font-weight:700;line-height:1;letter-spacing:-2px;margin-bottom:8px}
.hc.dark .hc-price{color:#C9A84C}
.hc.feat .hc-price{color:#C9A84C}
.hc.bundel .hc-price{color:#C9A84C;position:relative;text-shadow:0 0 40px rgba(201,168,76,0.2)}
.hc-price sup{font-size:18px;font-weight:600;vertical-align:super;letter-spacing:0}
.hc-note{font-size:13px;margin-bottom:24px;line-height:1.6;font-weight:300}
.hc.dark .hc-note{color:#9A9890}
.hc.feat .hc-note{color:#9A9890}
.hc.bundel .hc-note{color:rgba(201,168,76,0.65);position:relative}
.hc-sep{height:1px;margin-bottom:20px}
.hc.dark .hc-sep{background:rgba(201,168,76,0.1)}
.hc.feat .hc-sep{background:rgba(201,168,76,0.15)}
.hc.bundel .hc-sep{background:rgba(201,168,76,0.15);position:relative}
.hc-features{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:24px}
.hc-features li{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:400}
.hc.dark .hc-features li{color:#D8D4C8}
.hc.feat .hc-features li{color:#D8D4C8}
.hc.bundel .hc-features li{color:#E8E4D8;position:relative}
.hc-features li::before{content:'◆';font-size:6px;flex-shrink:0}
.hc.dark .hc-features li::before{color:#C9A84C}
.hc.feat .hc-features li::before{color:#C9A84C}
.hc.bundel .hc-features li::before{color:#C9A84C}
.hc-btn{display:block;text-align:center;padding:14px;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;transition:all 0.3s}
.hc.dark .hc-btn{border:1px solid rgba(201,168,76,0.3);color:#C9A84C;background:transparent}
.hc.dark .hc-btn:hover{background:#C9A84C;color:#030d0a}
.hc.feat .hc-btn{background:#C9A84C;color:#030d0a;border:1px solid #C9A84C}
.hc.feat .hc-btn:hover{background:#F0D080}
.hc.bundel .hc-btn{border:1px solid rgba(201,168,76,0.4);color:#C9A84C;background:rgba(201,168,76,0.06);position:relative}
.hc.bundel .hc-btn:hover{background:rgba(201,168,76,0.15)}
.harga-note{margin-top:32px;text-align:center;font-size:13px;color:#C8C4B8;font-style:italic}
.harga-note strong{color:#C9A84C;font-style:normal}

/* PENULIS */
.penulis-wrap{display:grid;grid-template-columns:360px 1fr;gap:80px;align-items:center}
.penulis-card{background:#071510;border:1px solid rgba(201,168,76,0.12);position:relative}
.penulis-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#C9A84C,transparent)}
.penulis-card-top{background:linear-gradient(135deg,#0a3d2e,#0F6E56);padding:40px;text-align:center}
.penulis-mono{width:88px;height:88px;border-radius:50%;border:2px solid rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;background:rgba(255,255,255,0.1)}
.penulis-mono span{font-family:'Cormorant Garamond',serif;font-size:32px;font-weight:700;color:#fff}
.penulis-name{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:700;color:#fff;margin-bottom:4px}
.penulis-aka{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,0.6)}
.penulis-card-body{padding:28px}
.penulis-sep{width:40px;height:1px;background:rgba(201,168,76,0.3);margin:20px 0}
.penulis-links{display:flex;flex-direction:column;gap:8px}
.pl-link{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(201,168,76,0.1);background:rgba(201,168,76,0.03);text-decoration:none;color:#C8C4B8;font-size:12px;font-weight:500;transition:all 0.25s}
.pl-link:hover{border-color:rgba(201,168,76,0.3);color:#C9A84C}
.pl-icon{color:#C9A84C;width:16px;text-align:center;font-size:11px;flex-shrink:0}
.penulis-quote{font-family:'Cormorant Garamond',serif;font-size:clamp(24px,3vw,36px);font-weight:300;font-style:italic;color:#F0ECE0;line-height:1.45;margin-bottom:20px}
.penulis-quote em{color:#C9A84C;font-style:normal}
.penulis-bio{font-size:15px;color:#C8C4B8;line-height:1.85;margin-bottom:28px}
.verified{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(93,202,165,0.2);background:rgba(93,202,165,0.04);padding:12px 20px;font-size:13px;color:#5DCAA5;font-weight:500}

/* FAQ */
.faq-wrap{max-width:760px;margin:56px auto 0}
.faq-item{border-bottom:1px solid #C8DDD5}
.faq-q{width:100%;background:none;border:none;cursor:pointer;padding:24px 0;display:flex;justify-content:space-between;align-items:center;font-size:17px;font-weight:600;color:#071510;text-align:left;font-family:'Inter',sans-serif;gap:20px;transition:color 0.2s}
.faq-q:hover{color:#0F6E56}
.faq-icon{width:28px;height:28px;border:1px solid #0F6E56;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#0F6E56;font-size:16px;transition:all 0.35s}
.faq-item.open .faq-icon{transform:rotate(45deg);background:#0F6E56;color:#fff}
.faq-a{max-height:0;overflow:hidden;transition:max-height 0.4s ease}
.faq-a-inner{padding-bottom:24px;font-size:16px;color:#2C2C2A;line-height:1.8}
.faq-item.open .faq-a{max-height:200px}

/* KOMUNITAS */
.kom-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(201,168,76,0.08);margin-top:56px}
.kom-card{padding:48px 40px;position:relative;overflow:hidden;transition:background 0.3s}
.kom-card.umum{background:#071510}
.kom-card.privat{background:linear-gradient(135deg,#0a3d2e,#0F6E56)}
.kom-card:hover{opacity:0.95}
.kom-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,0.3),transparent)}
.kom-icon{width:52px;height:52px;border:1px solid rgba(201,168,76,0.2);display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:22px;background:rgba(201,168,76,0.04)}
.kom-title{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:700;color:#F0ECE0;margin-bottom:10px}
.kom-desc{font-size:15px;color:#C8C4B8;line-height:1.75;margin-bottom:24px}
.kom-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:32px}
.kom-list li{display:flex;align-items:center;gap:10px;font-size:14px;color:#D8D4C8}
.kom-list li::before{content:'◆';color:#C9A84C;font-size:7px;flex-shrink:0}
.kom-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(201,168,76,0.4);color:#C9A84C;padding:14px 28px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-decoration:none;transition:all 0.3s;background:transparent}
.kom-btn:hover{background:#C9A84C;color:#030d0a}
.kom-card.privat .kom-btn{background:rgba(255,255,255,0.15);color:#fff;border-color:rgba(255,255,255,0.3)}
.kom-card.privat .kom-btn:hover{background:rgba(255,255,255,0.25)}

/* CTA FINAL */
.cta-sec{background:#030d0a;padding:120px 5%;text-align:center;position:relative;overflow:hidden}
.cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:400px;background:radial-gradient(ellipse,rgba(201,168,76,0.07) 0%,transparent 65%);pointer-events:none}
.cta-h2{font-family:'Cormorant Garamond',serif;font-size:clamp(40px,6vw,80px);font-weight:600;color:#F0ECE0;line-height:1.1;letter-spacing:-2px;margin-bottom:16px;position:relative}
.cta-h2 em{color:#C9A84C;font-style:italic}
.cta-desc{font-size:16px;color:#C8C4B8;margin-bottom:48px;font-style:italic;font-family:'Cormorant Garamond',serif;position:relative}
.cta-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative}

/* FOOTER */
footer{background:#071510;padding:60px 5% 32px;border-top:1px solid rgba(201,168,76,0.08)}
.footer-top{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:280px 1fr 1fr 1fr;gap:48px;padding-bottom:40px;border-bottom:1px solid rgba(201,168,76,0.08);margin-bottom:28px}
.footer-brand-name{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:600;color:#C9A84C;margin-bottom:10px;letter-spacing:1px}
.footer-brand-desc{font-size:13px;color:#9A9890;line-height:1.7;font-weight:300}
.footer-col-title{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#9A9890;margin-bottom:16px}
.footer-col a{display:block;font-size:13px;color:#C8C4B8;text-decoration:none;margin-bottom:8px;transition:color 0.2s}
.footer-col a:hover{color:#C9A84C}
.footer-bottom{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.footer-copy{font-size:12px;color:#6A6865}
.footer-v{font-size:11px;color:#6A6865;letter-spacing:1px}

/* REVEAL */
.reveal{opacity:0;transform:translateY(20px);transition:opacity 0.8s ease,transform 0.8s ease}
.reveal.visible{opacity:1;transform:none}

/* HOVER EFFECTS */
.aud-card{transition:transform 0.3s ease,box-shadow 0.3s ease,background 0.3s}
.aud-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(15,110,86,0.15)}

.pain-card{transition:transform 0.3s ease,box-shadow 0.3s ease,background 0.3s}
.pain-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(201,168,76,0.12)}

.bab-card{transition:transform 0.2s ease,background 0.25s}
.bab-card:hover{transform:translateX(4px)}

.hc{transition:transform 0.3s ease,box-shadow 0.3s ease,background 0.3s}
.hc:hover{transform:translateY(-6px);box-shadow:0 20px 48px rgba(0,0,0,0.3)}
.hc.feat:hover{transform:translateY(-8px);box-shadow:0 24px 56px rgba(201,168,76,0.2)}
.hc.bundel:hover{transform:translateY(-6px);box-shadow:0 20px 48px rgba(93,202,165,0.15)}

.btn-gold{transition:all 0.3s ease;position:relative;overflow:hidden}
.btn-gold::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,0);transition:background 0.3s}
.btn-gold:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(201,168,76,0.35)}
.btn-gold:hover::after{background:rgba(255,255,255,0.08)}
.btn-gold:active{transform:translateY(-1px)}

.btn-outline{transition:all 0.3s ease}
.btn-outline:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(201,168,76,0.15)}
.btn-outline:active{transform:translateY(-1px)}

.nav-cta{transition:all 0.3s ease}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(201,168,76,0.25)}

.pl-link{transition:all 0.25s ease}
.pl-link:hover{transform:translateX(4px)}

.kom-card{transition:transform 0.3s ease,box-shadow 0.3s ease}
.kom-card:hover{transform:translateY(-6px);box-shadow:0 20px 48px rgba(0,0,0,0.3)}

.faq-item{transition:background 0.2s}
.faq-item:hover{background:rgba(15,110,86,0.03)}

/* Testimoni card hover */
.testi-card{transition:transform 0.3s ease,box-shadow 0.3s ease}
.testi-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(0,0,0,0.3)}

/* Reveal stagger */
.reveal-1{transition-delay:0.1s}
.reveal-2{transition-delay:0.2s}
.reveal-3{transition-delay:0.3s}

/* PREV CARD */
.prev-card{background:#0a1e14;border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:28px;display:flex;flex-direction:column;transition:all 0.3s ease}
.prev-card:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(0,0,0,0.4);border-color:rgba(201,168,76,0.2)}
.prev-icon-wrap{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.prev-label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#9A9890;margin-bottom:8px}
.prev-title{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:700;color:#F0ECE0;margin-bottom:10px}
.prev-quote{font-family:'Cormorant Garamond',serif;font-size:16px;color:#C8C4B8;font-style:italic;line-height:1.75;flex:1;margin-bottom:16px}
.prev-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,0.07);padding-top:14px}
.prev-tag{font-size:11px;color:#9A9890;font-weight:500}
.prev-badge{font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 9px;border-radius:100px}

/* PERB CARD */
.perb-card{background:#071510;border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:28px;transition:all 0.3s ease}
.perb-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,0.3)}
.perb-icon-wrap{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.perb-name{font-size:15px;font-weight:700;color:#E8E4D8;margin-bottom:4px}
.perb-price{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:600;color:#C9A84C;margin-bottom:20px}
.perb-list{display:flex;flex-direction:column;gap:8px}
.perb-item{font-size:13px;padding:8px 12px;border-radius:8px;display:flex;align-items:center;gap:8px}
.perb-item::before{font-size:12px;flex-shrink:0;font-weight:700}
.perb-item.yes{background:rgba(93,202,165,0.07);color:#C8C4B8;border:1px solid rgba(93,202,165,0.12)}
.perb-item.yes::before{content:"✓";color:#5DCAA5}
.perb-item.no{background:rgba(255,255,255,0.03);color:#6A6865;border:1px solid rgba(255,255,255,0.05)}
.perb-item.no::before{content:"✗";color:#4A4845}
.perb-item.half{background:rgba(201,168,76,0.06);color:#9A9890;border:1px solid rgba(201,168,76,0.1)}
.perb-item.half::before{content:"~";color:#8B6914}

/* BAB NEW CARD */
.bab-new-card{background:#0a1e14;border:1px solid rgba(255,255,255,0.06);border-radius:12px;display:flex;overflow:hidden;transition:all 0.25s ease}
.bab-new-card:hover{transform:translateX(4px);border-color:rgba(255,255,255,0.12);background:#0d2419}
.bab-stripe-new{width:4px;flex-shrink:0;opacity:0.8}
.bab-new-inner{flex:1;padding:22px 20px}
.bab-new-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.bab-new-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}
.bab-new-num{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#9A9890;margin-bottom:6px}
.bab-new-title{font-family:'Cormorant Garamond',serif;font-size:17px;font-weight:700;color:#F0ECE0;margin-bottom:6px;line-height:1.3}
.bab-new-sub{font-size:12px;color:#9A9890;line-height:1.6}

/* TESTI NEW CARD */
.testi-new-card{background:#FFFFFF;border:1px solid rgba(15,110,86,0.1);border-radius:14px;padding:28px;display:flex;flex-direction:column;transition:all 0.3s ease}
.testi-new-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(15,110,86,0.1);border-color:rgba(15,110,86,0.25)}
.testi-icon-wrap{margin-bottom:16px}
.testi-text{font-family:'Cormorant Garamond',serif;font-size:17px;color:#1A1A18;font-style:italic;line-height:1.75;flex:1;margin-bottom:24px}
.testi-author{display:flex;align-items:center;gap:12px;border-top:1px solid rgba(15,110,86,0.1);padding-top:18px}
.testi-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#0a3d2e,#0F6E56);display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:15px;font-weight:700;color:#C9A84C;flex-shrink:0}
.testi-name{font-size:14px;font-weight:700;color:#071510;margin-bottom:2px}
.testi-role{font-size:12px;color:#888780}

/* AUD NEW CARD */
.aud-new-card{
  background:#FFFFFF;
  border:1px solid rgba(15,110,86,0.12);
  border-radius:14px;
  padding:32px;
  display:flex;flex-direction:column;gap:0;
  position:relative;overflow:hidden;
  transition:all 0.3s ease;
  cursor:default;
}
.aud-new-card:hover{transform:translateY(-6px);box-shadow:0 20px 48px rgba(15,110,86,0.12);border-color:rgba(15,110,86,0.3)}
.aud-icon-wrap{
  width:56px;height:56px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:24px;flex-shrink:0;
}
.aud-card-label{
  font-size:11px;font-weight:700;letter-spacing:2px;
  text-transform:uppercase;color:#0F6E56;margin-bottom:8px;
}
.aud-card-title{
  font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:700;
  color:#071510;margin-bottom:12px;line-height:1.2;letter-spacing:-0.3px;
}
.aud-card-desc{
  font-size:15px;color:#333330;line-height:1.8;flex:1;margin-bottom:24px;
}
.aud-card-footer{
  display:flex;align-items:center;justify-content:space-between;
  border-top:1px solid rgba(15,110,86,0.1);padding-top:16px;
}
.aud-card-bab{
  font-size:12px;color:#888780;font-weight:500;
}
.aud-badge{
  font-size:10px;font-weight:700;letter-spacing:1px;
  text-transform:uppercase;padding:4px 10px;border-radius:100px;
}

/* PAIN NEW CARD */
.pain-new-card{
  background:#FFFFFF;
  border:1px solid rgba(15,110,86,0.1);
  border-radius:12px;
  padding:28px;
  display:flex;flex-direction:column;gap:0;
  position:relative;overflow:hidden;
  transition:all 0.3s ease;
  cursor:default;
}
.pain-new-card::before{
  content:'';position:absolute;inset:0;border-radius:12px;
  background:linear-gradient(135deg,rgba(15,110,86,0.03) 0%,transparent 60%);
  opacity:0;transition:opacity 0.3s;
}
.pain-new-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(15,110,86,0.12);border-color:rgba(15,110,86,0.25)}
.pain-new-card:hover::before{opacity:1}
.pain-icon-wrap{
  width:52px;height:52px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:20px;flex-shrink:0;
}
.pain-card-num{
  font-family:'Cormorant Garamond',serif;font-size:13px;font-weight:700;
  color:#C9A84C;letter-spacing:2px;margin-bottom:8px;
}
.pain-card-title{
  font-family:'Cormorant Garamond',serif;font-size:19px;font-weight:700;
  color:#071510;margin-bottom:10px;line-height:1.35;
}
.pain-card-desc{
  font-size:14px;color:#444441;line-height:1.8;flex:1;margin-bottom:20px;
}
.pain-card-tag{
  display:inline-block;font-size:10px;font-weight:700;
  letter-spacing:1.5px;text-transform:uppercase;
  color:#9A9890;border-top:1px solid rgba(15,110,86,0.1);
  padding-top:12px;width:100%;
}

/* PULSE DOT */
@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.4;transform:scale(0.8)}}

/* COUNTER */
.count-up{transition:all 0.3s}

/* KEYFRAMES */
@keyframes book-float{0%,100%{transform:perspective(900px) rotateY(-8deg) rotateX(2deg) translateY(0)}50%{transform:perspective(900px) rotateY(-8deg) rotateX(2deg) translateY(-14px)}}
@keyframes lobster-bob{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
@keyframes scroll-pulse{0%,100%{opacity:0.3}50%{opacity:1}}

/* RESPONSIVE */
@media(max-width:1024px){
  .hero-inner,.penulis-wrap,.fitur-wrap{grid-template-columns:1fr}
  .book-wrap{display:none}
  .aud-grid,.harga-grid,.kom-grid{grid-template-columns:1fr}
  .pain-grid{grid-template-columns:1fr 1fr}
  .footer-top{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .nav-links{display:none}
  .pain-grid,.fitur-cols{grid-template-columns:1fr}
}