:root{--bg:#090b0e;--panel:#11151a;--panel2:#171c22;--line:#29313a;--text:#f4f6f7;--muted:#a0aab5;--lime:#efff47;--orange:#ffad4d;--blue:#65a7ff;--max:1120px;--title:'Bahnschrift','Arial Narrow','Segoe UI',sans-serif;--body:'Segoe UI',system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% -10%,rgba(239,255,71,.1),transparent 27%),var(--bg);color:var(--text);font:16px/1.65 var(--body);-webkit-font-smoothing:antialiased}a{color:inherit}.nav{position:sticky;top:0;z-index:50;background:rgba(9,11,14,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.navin{max-width:var(--max);margin:auto;padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{text-decoration:none;font:800 14px var(--title);letter-spacing:.02em}.brand:before{content:"";display:inline-block;width:25px;height:4px;border-radius:9px;background:var(--lime);margin-right:9px;vertical-align:3px}.navlinks{display:flex;align-items:center;gap:16px;font-size:13px}.navlinks a{text-decoration:none;color:var(--muted)}.navlinks a:hover{color:var(--lime)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--lime);color:#0b0d0f;text-decoration:none;border-radius:10px;padding:12px 17px;font-weight:900;line-height:1.2;border:1px solid var(--lime);transition:.18s}.btn:hover{transform:translateY(-2px);box-shadow:0 9px 28px rgba(239,255,71,.16)}.btn.secondary{background:transparent;color:var(--text);border-color:#3b4651}.btn.small{font-size:13px;padding:9px 13px}.wrap{max-width:var(--max);margin:auto;padding:0 20px}.hero{padding:82px 0 64px;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.82fr);gap:48px;align-items:center}.eyebrow{font:900 12px var(--title);letter-spacing:.16em;text-transform:uppercase;color:var(--lime)}h1,h2,h3{font-family:var(--title);letter-spacing:-.035em;line-height:1.03}h1{font-size:clamp(46px,7vw,82px);margin:15px 0 21px}.hero h1 span,.section h2 span{color:var(--lime)}.lead{font-size:clamp(17px,2vw,21px);color:#c4ccd3;max-width:680px}.price{display:flex;align-items:end;gap:12px;margin:25px 0 20px}.price strong{font:900 clamp(38px,6vw,60px)/1 var(--title);color:var(--lime)}.price span{color:var(--muted);padding-bottom:7px}.micro{font-size:12px;color:var(--muted);margin-top:11px}.preview{position:relative;padding:12px;background:linear-gradient(145deg,#1a2026,#0d1115);border:1px solid #35404b;border-radius:20px;box-shadow:0 25px 80px rgba(0,0,0,.42);overflow:hidden}.preview:after{content:"PREVIEW PRODUK SEBENAR";position:absolute;right:22px;top:22px;background:rgba(9,11,14,.85);border:1px solid #424e59;padding:5px 8px;border-radius:6px;font:800 9px var(--title);letter-spacing:.1em}.preview img{display:block;width:100%;aspect-ratio:1.47/1;object-fit:cover;object-position:top;border-radius:12px}.section{padding:72px 0;border-top:1px solid var(--line)}.section h2{font-size:clamp(34px,5vw,56px);margin:0 0 16px}.sectionlead{color:var(--muted);font-size:18px;max-width:720px;margin-bottom:28px}.steps,.grid,.previewgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.step,.card{background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:16px;padding:22px}.step b{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--lime);color:#111;margin-bottom:18px}.step h3,.card h3{font-size:21px;margin:0 0 9px}.step p,.card p{margin:0;color:var(--muted)}.ticks{display:grid;gap:11px;margin:23px 0}.tick{display:flex;gap:11px;align-items:flex-start}.tick:before{content:"✓";color:var(--lime);font-weight:900}.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.toolrow{padding:72px 0;border-top:1px solid var(--line);scroll-margin-top:72px}.toolrow .split{grid-template-columns:.95fr 1.05fr}.toolrow h2{font-size:clamp(34px,5vw,54px);margin:8px 0 13px}.toolrow .desc{color:var(--muted);font-size:17px}.toolprice{font:900 36px var(--title);color:var(--lime);margin:16px 0}.how{padding:16px 18px;background:rgba(239,255,71,.055);border-left:3px solid var(--lime);border-radius:0 10px 10px 0;margin:20px 0}.how b{display:block;color:var(--lime);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.how p{margin:4px 0 0;color:#d3d9dd}.mini-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.mini-links a{text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:7px 12px;color:var(--muted);font-size:12px}.mini-links a:hover{color:var(--lime);border-color:var(--lime)}.cta{padding:70px 28px;margin:40px 0 70px;text-align:center;background:linear-gradient(145deg,#202811,#10150d);border:1px solid #65751f;border-radius:22px}.cta h2{font-size:clamp(35px,5vw,55px);margin:0 0 12px}.cta p{max-width:660px;margin:0 auto 24px;color:#cbd2d0}.foot{border-top:1px solid var(--line);padding:30px 20px;text-align:center;color:#737e88;font-size:12px}.foot a{color:#9ba5ae;text-decoration:none}.label{display:inline-block;font:900 10px var(--title);letter-spacing:.1em;background:#242b32;color:#cbd2d8;border-radius:5px;padding:4px 8px;text-transform:uppercase}.best{background:var(--lime);color:#111}.compare{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}.compare th,.compare td{text-align:left;padding:15px 18px;border-bottom:1px solid var(--line)}.compare th{color:var(--muted);font-size:12px;text-transform:uppercase}.compare tr:last-child td{border:0}.compare td:last-child{font-weight:900;color:var(--lime)}.cataloghero{padding:76px 0 50px;max-width:820px}.cataloghero h1{margin-bottom:16px}.note{color:var(--muted);font-size:13px}.previewgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.previewtile{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}.previewtile img{width:100%;display:block;aspect-ratio:1.47/1;object-fit:cover;object-position:top}.previewtile div{padding:15px}.previewtile h3{margin:0 0 5px;font-size:18px}.previewtile p{margin:0;color:var(--muted);font-size:13px}
@media(max-width:820px){.hero,.split,.toolrow .split{grid-template-columns:1fr}.hero{padding-top:54px;gap:31px}.steps,.grid{grid-template-columns:1fr}.preview{max-width:650px}.navlinks a:not(.btn){display:none}.section,.toolrow{padding:54px 0}.toolrow:nth-of-type(even) .preview{order:2}}
@media(max-width:520px){.wrap{padding-inline:15px}.navin{padding-inline:15px}h1{font-size:48px}.previewgrid{grid-template-columns:1fr}.cta{padding:48px 18px}.btn{width:100%}.nav .btn{width:auto}.price{align-items:center}}

/* Long-form sales sections */
.trustbar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:-18px 0 64px}.trustitem{padding:16px;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:13px}.trustitem b{display:block;font:900 20px var(--title);color:var(--lime)}.trustitem span{font-size:12px;color:var(--muted)}.pain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px}.pain-card{display:flex;gap:15px;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.pain-card .num{font:900 12px var(--title);color:var(--lime)}.pain-card h3{font-size:18px;margin:0 0 6px}.pain-card p{margin:0;color:var(--muted);font-size:14px}.bridge{margin-top:14px;padding:20px;border:1px solid #56651e;background:rgba(239,255,71,.055);border-radius:14px;color:#d9dfdc}.outcomes{display:grid;grid-template-columns:1fr 1fr;gap:14px}.outcome{padding:25px;background:var(--panel);border:1px solid var(--line);border-radius:16px}.outcome.good{border-color:#667520;background:linear-gradient(145deg,#1a2110,#11150e)}.outcome h3{font-size:24px;margin:0 0 17px}.outcome ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.outcome li{display:flex;gap:10px;color:var(--muted)}.outcome li:before{content:"—";color:#77818a;font-weight:900}.outcome.good li:before{content:"✓";color:var(--lime)}.matrix-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:17px;background:var(--panel)}.matrix{width:100%;border-collapse:collapse;min-width:760px}.matrix th,.matrix td{padding:15px 14px;border-bottom:1px solid var(--line);text-align:center}.matrix th:first-child,.matrix td:first-child{text-align:left}.matrix thead th{font:900 13px var(--title);background:#171c22}.matrix thead th.featured{background:var(--lime);color:#10120e}.matrix tbody td{color:var(--muted);font-size:14px}.matrix tbody td.yes{color:var(--lime);font-weight:900}.matrix tbody td.no{color:#6f7982}.matrix tbody tr:last-child td{border-bottom:0}.matrix .buyrow a{font-weight:900;color:var(--text)}.matrix .buyrow .featured a{color:#111}.matrix-note{font-size:12px;color:var(--muted);margin-top:10px}.walkthroughs{display:grid;gap:16px;margin-top:28px}.walk{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:center;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:17px}.walk video{width:100%;display:block;aspect-ratio:16/9;background:#050607;border-radius:11px}.walk h3{font-size:25px;margin:7px 0 9px}.walk p{color:var(--muted);margin:0}.proof-feature{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:17px}.proof-feature img{width:100%;max-height:520px;object-fit:contain;border-radius:10px;background:#090b0e}.proof-feature p{color:var(--muted)}.proofrail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,32%);gap:12px;overflow-x:auto;padding:16px 0 8px;scroll-snap-type:x mandatory}.proofcard{scroll-snap-align:start;background:var(--panel);border:1px solid var(--line);border-radius:15px;overflow:hidden}.proofcard img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:top}.proofcard p{padding:14px;margin:0;color:var(--muted);font-size:13px}.proofcard p b{display:block;color:var(--text);font-size:15px;margin-bottom:4px}.masonry{columns:3 220px;column-gap:12px;margin-top:25px}.masonry img{width:100%;display:block;break-inside:avoid;margin-bottom:12px;border-radius:12px;border:1px solid var(--line);background:var(--panel)}.proofnote{text-align:center;color:var(--muted);font-size:12px;margin-top:12px}.author{display:grid;grid-template-columns:130px 1fr;gap:24px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:23px}.author img{width:130px;height:130px;border-radius:50%;object-fit:cover;border:2px solid var(--lime)}.author h3{font-size:27px;margin:0 0 7px}.author p{margin:0;color:var(--muted)}.faq{display:grid;gap:9px;max-width:800px}.faq details{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:0 17px}.faq summary{cursor:pointer;font-weight:800;padding:16px 25px 16px 0;list-style:none;position:relative}.faq summary:after{content:"+";position:absolute;right:0;color:var(--lime);font-size:21px}.faq details[open] summary:after{content:"−"}.faq details p{margin:0;padding:0 0 17px;color:var(--muted)}.guarantee{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:25px;border:1px solid #63731e;background:linear-gradient(145deg,#1d2510,#11150e);border-radius:17px}.guarantee .icon{font-size:38px}.guarantee h3{font-size:25px;margin:0 0 6px}.guarantee p{margin:0;color:#cbd2cf}
@media(max-width:820px){.trustbar{grid-template-columns:1fr;margin-top:0}.pain-grid,.outcomes{grid-template-columns:1fr}.walk,.proof-feature{grid-template-columns:1fr}.proofrail{grid-auto-columns:82%}.masonry{columns:2 150px}}
@media(max-width:520px){.pain-grid{grid-template-columns:1fr}.author{grid-template-columns:1fr;text-align:center}.author img{margin:auto}.guarantee{grid-template-columns:1fr}.masonry{columns:1}.walk{padding:11px}.trustbar{margin-bottom:44px}}
.masonry a{display:block;break-inside:avoid;margin-bottom:12px;border-radius:12px}.masonry a img{margin-bottom:0}.evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:25px;align-items:start}.evidence-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.evidence-card{margin:0;background:var(--panel);border:1px solid var(--line);border-radius:15px;overflow:hidden}.evidence-card a{display:block;padding:12px;background:#090b0e}.evidence-card img{display:block;width:100%;height:auto;object-fit:contain;border-radius:9px}.evidence-card figcaption{padding:13px 15px;color:var(--muted);font-size:13px}.evidence-grid .evidence-card:last-child:nth-child(odd){grid-column:1/-1}@media(max-width:620px){.evidence-grid,.evidence-grid-two{grid-template-columns:1fr}.evidence-grid .evidence-card:last-child:nth-child(odd){grid-column:auto}}
.evidence-grid,.evidence-grid-two{display:block;columns:2 420px;column-gap:14px}.evidence-card,.evidence-grid .evidence-card:last-child:nth-child(odd){display:inline-block;width:100%;grid-column:auto;break-inside:avoid;margin:0 0 14px}@media(max-width:620px){.evidence-grid,.evidence-grid-two{columns:1}}