:root{--ink:#172522;--forest:#203b33;--paper:#f3eee4;--cream:#fffaf1;--orange:#f07834;--lime:#d9f27a;--muted:#626963;--line:#d9d2c6;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.topbar{height:74px;background:#252b27;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,24px);border-bottom:1px solid #ffffff24}.brand{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1.2px;font-weight:800;line-height:1.2}.brandmark{width:38px;height:38px;background:var(--lime);color:var(--ink);display:grid;place-items:center;border-radius:50%;font-size:20px;font-style:italic;letter-spacing:-3px;padding-right:3px}.topbar nav{display:flex;gap:28px;font-size:12px;color:#e0dfd8}.nav-cta{background:#138b5b;border-radius:30px;color:white;padding:13px 19px;font-size:12px;font-weight:750}.nav-cta span{margin-left:8px}.previewbar{text-align:center;background:#e9e2d6;color:#62594c;padding:9px 16px;font-size:9px;letter-spacing:1.1px;font-weight:800}.previewbar span{font-weight:450;letter-spacing:0;margin-left:10px}.hero{height:min(780px,calc(100svh - 105px));min-height:650px;position:relative;overflow:hidden;background:#1e211d;color:#fff8ed;display:flex;align-items:center}.hero-photo,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-photo{object-fit:cover;object-position:center 43%}.hero-shade{background:linear-gradient(90deg,rgba(19,22,19,.96) 0%,rgba(19,22,19,.88) 29%,rgba(19,22,19,.45) 53%,rgba(19,22,19,.04) 83%),linear-gradient(0deg,var(--paper) 0%,rgba(243,238,228,.88) 4%,transparent 26%),linear-gradient(180deg,#1b211c68,transparent 25%)}.hero-copy{position:relative;z-index:1;width:min(630px,52%);margin-left:max(7vw,32px);padding:42px 0 72px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:800;display:flex;align-items:center;gap:9px;margin:0 0 22px}.eyebrow>span{width:8px;height:8px;border-radius:50%;background:var(--orange);display:inline-block}.hero h1{font-size:clamp(46px,5.3vw,76px);line-height:.99;letter-spacing:-4px;font-weight:750;margin:0 0 23px}.hero h1 em{font-style:normal;color:#f1a354}.hero-lead{font-size:18px;line-height:1.55;max-width:520px;margin:0 0 12px}.hero-sub{font-size:13px;color:#e2ddd2;line-height:1.7;max-width:500px}.hero-actions{display:flex;gap:12px;align-items:center;margin-top:27px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 20px;border-radius:30px;font-size:12px;font-weight:750;border:0;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px)}.button span{font-size:18px}.button-green{background:#118d59;color:white;box-shadow:0 8px 25px #118d5940}.button-ghost{border:1px solid #ffffff55;color:white;background:#ffffff12}.hero-facts{display:flex;gap:9px;flex-wrap:wrap;margin-top:23px}.hero-facts span{border:1px solid #ffffff40;background:#ffffff13;border-radius:30px;padding:8px 12px;font-size:9px;font-weight:800;letter-spacing:.35px}.hero-note{font-size:10px;color:#d7d1c7}.hero-bottom{position:absolute;z-index:1;bottom:34px;left:max(7vw,32px);display:flex;gap:12px;align-items:center;color:#554e42;font-size:9px;font-weight:850;letter-spacing:1.3px}.hero-bottom i{width:4px;height:4px;background:var(--orange);border-radius:50%}.section-wrap{width:min(1160px,calc(100% - 56px));margin-left:auto;margin-right:auto}.section{padding-top:90px;padding-bottom:90px}.story{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;padding-top:90px;padding-bottom:100px}.story-copy{max-width:600px}.eyebrow-dark{color:#765434}.story h2,.section-heading h2,.proof-intro h2,.faq h2{font-size:clamp(36px,4.3vw,57px);line-height:1.06;letter-spacing:-2.8px;margin:0 0 22px}.story-copy>p:not(.eyebrow){max-width:570px;color:#575d55;font-size:15px;line-height:1.85}.story-punch{border-left:4px solid var(--orange);padding:4px 0 4px 16px;font-weight:750;color:var(--ink)!important}.meme-card{position:relative;background:#dd742f;color:#171a17;padding:26px 28px 24px;min-height:360px;transform:rotate(1deg);box-shadow:0 20px 42px #48260e20;overflow:hidden}.meme-card:before{content:"";position:absolute;width:210px;height:210px;border:30px solid #f7c77942;border-radius:50%;right:-72px;top:-80px}.meme-top{display:flex;justify-content:space-between;position:relative;font-size:9px;font-weight:900;letter-spacing:1px}.meme-stamp{border:1px solid #171a17;border-radius:20px;padding:5px 8px;transform:rotate(8deg)}.meme-chat{position:relative;margin:25px 0}.chat-label{font-size:8px;letter-spacing:1.2px;font-weight:900;margin:13px 0 7px}.chat-bubble{padding:13px 15px;font-size:14px;font-weight:700;line-height:1.5;background:#fff7e9;border:2px solid #1d211b;border-radius:12px;max-width:92%;box-shadow:4px 4px 0 #1d211b}.chat-user{transform:rotate(-1deg)}.chat-ai{margin-left:8%;background:#f2debf;transform:rotate(1deg)}.meme-footer{position:relative;border-top:1px solid #211d184c;padding-top:16px;display:flex;flex-direction:column;gap:5px}.meme-footer strong{font-size:24px;letter-spacing:-1px}.meme-footer span{font-size:12px}.bridge{background:linear-gradient(100deg,#e3d7bf,#e9e0d1 45%,#344b3f 45%,#344b3f);color:#fff;padding:28px 0}.bridge-inner{width:min(1040px,calc(100% - 56px));margin:auto;display:grid;grid-template-columns:55px 1fr auto;gap:22px;align-items:center}.bridge-number{width:50px;height:50px;background:var(--orange);color:#1b211b;border-radius:50%;display:grid;place-items:center;font-weight:900}.bridge-inner p{font-size:16px;line-height:1.6;color:#222820;margin:0}.bridge-inner a{font-size:11px;font-weight:800;color:var(--lime)}.demo-section{background:#344b3f;color:white;padding:88px 0;position:relative}.demo-section:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:28px;background:var(--paper);clip-path:polygon(0 70%,8% 80%,16% 58%,25% 75%,34% 55%,44% 72%,54% 54%,64% 70%,74% 50%,84% 68%,94% 51%,100% 68%,100% 100%,0 100%)}.demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:88px;align-items:center}.demo-layout h2{font-size:clamp(38px,4vw,53px);line-height:1.06;letter-spacing:-2.5px;color:var(--lime);margin:0 0 22px}.demo-layout>div>p{font-size:14px;line-height:1.8;color:#d4ddd4;max-width:490px}.demo-layout .eyebrow{color:#f7ba78}.demo-layout .demo-caption{font-size:10px;color:#aebfb1;margin-top:21px}.demo-layout .text-link{color:var(--lime);font-size:12px;font-weight:750;text-decoration:underline;text-underline-offset:4px}.chat-demo{background:#253c33;border:1px solid #81918155;border-radius:20px;padding:28px;box-shadow:0 18px 35px #101d174d}.chat-head{font-size:9px;letter-spacing:1.4px;color:#ccd8cb;display:flex;align-items:center;gap:8px;margin-bottom:25px}.chat-dot{width:7px;height:7px;background:var(--lime);border-radius:50%}.bubble{padding:17px 19px;border-radius:13px;font-size:13px;line-height:1.7}.question{background:var(--lime);color:#1b2922;margin:0 0 14px 35px;border-bottom-right-radius:3px}.answer-label{font-size:8px;letter-spacing:1px;color:#bfcdbd;margin:0 0 7px}.answer{background:var(--cream);color:var(--ink);border-bottom-left-radius:3px}.check-row{display:flex;flex-wrap:wrap;gap:15px;margin-top:19px;font-size:9px;color:#d4f287;font-weight:700}.proof{padding-top:75px;padding-bottom:75px}.proof-intro{max-width:650px;margin-bottom:33px}.proof-intro h2{font-size:44px}.proof-intro>p:last-child{font-size:14px;color:var(--muted);line-height:1.7}.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.proof-card{margin:0;background:#e9e2d6;border-radius:18px;overflow:hidden;border:1px solid #d8cebf}.proof-card img{width:100%;height:390px;object-fit:cover;display:block;background:#ded8ca}.proof-card:first-child img{object-fit:contain;padding:20px;background:#e5e4da}.proof-card figcaption{display:flex;flex-direction:column;gap:6px;padding:17px 20px;font-size:11px;line-height:1.6;color:var(--muted)}.proof-card figcaption b{font-size:9px;letter-spacing:1px;color:var(--ink)}.kit-section{padding-top:75px;padding-bottom:95px}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:end;margin-bottom:38px}.section-heading>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:440px}.section-heading h2{margin:0}.catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.kit{background:#fffaf2;border:1px solid #ddd4c7;border-radius:16px;padding:23px;display:flex;flex-direction:column;min-height:255px;box-shadow:0 8px 20px #392d1d09}.kit-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.kit-top span{font-size:26px;color:#9a602f;font-weight:350;letter-spacing:-1px}.kit-top small{font-size:8px;border:1px solid #ded5c9;padding:6px 8px;border-radius:20px;color:var(--muted)}.kit h3{font-size:17px;letter-spacing:-.4px;margin:0 0 12px}.kit p{font-size:11px;line-height:1.8;color:var(--muted);margin:0 0 18px}.kit details{border-top:1px solid #e7ded1;padding-top:13px;margin-top:auto}.kit summary{font-size:10px;cursor:pointer;list-style:none;font-weight:750}.kit summary:after{content:'+';float:right}.kit details[open] summary:after{content:'−'}.kit details p{margin:12px 0 0}.kit p.fine{font-size:9px}.scope-note{font-size:10px;line-height:1.8;color:var(--muted);padding-top:20px;max-width:850px}.path-section{background:#e7dfd0;padding:75px 0;position:relative}.path-section:before{content:"";position:absolute;top:-1px;left:0;right:0;height:22px;background:var(--paper);clip-path:polygon(0 0,100% 0,100% 40%,88% 70%,76% 40%,64% 66%,52% 40%,40% 70%,28% 40%,16% 68%,6% 38%,0 70%)}.path-section .eyebrow{color:#75552f}.path-section h2{font-size:46px;line-height:1.08;letter-spacing:-2.1px;margin:0}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:40px}.path-grid article{border-top:1px solid #bdb19f;padding-top:20px}.path-grid b{font-size:35px;font-weight:350;color:#a6582f;letter-spacing:-1px}.path-grid h3{font-size:17px;margin:14px 0 8px}.path-grid p{font-size:12px;line-height:1.8;color:#62645d;margin:0}.pricing-section{padding-top:90px;padding-bottom:90px}.pricing{display:grid;grid-template-columns:.82fr 1.18fr;gap:18px;align-items:stretch}.individual,.combo{border-radius:20px;padding:35px}.individual{background:#e5e0d7;border:1px solid #d4ccbf;color:#777970}.offer-label{font-size:9px;font-weight:850;letter-spacing:1.3px}.pricing h3{font-size:22px;letter-spacing:-.6px;margin:23px 0 16px}.individual>p{font-size:12px;line-height:1.7}.pricing ul{list-style:none;padding:0;font-size:11px;line-height:1.7}.pricing li{padding:10px 0;border-bottom:1px solid #ffffff30}.individual li{border-bottom-color:#ccc6bc}.disabled-label{border:1px solid #c9c2b9;border-radius:8px;font-size:10px;text-align:center;padding:15px;margin-top:42px}.combo{background:#203b33;color:white;position:relative;overflow:hidden}.combo:after{content:"12";position:absolute;font-size:230px;line-height:1;font-weight:900;color:#ffffff08;right:12px;bottom:-35px;pointer-events:none}.combo-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.combo .offer-label{color:var(--lime)}.pill{background:var(--lime);color:var(--ink);padding:7px 11px;border-radius:30px;font-size:8px;letter-spacing:.6px;font-weight:800}.pricing .combo h3,.price,.combo .value-note,.combo ul,.combo .buy,.combo .micro{position:relative;z-index:1}.price{font-size:82px;font-weight:700;line-height:1;letter-spacing:-5px;margin-top:28px}.price>span{font-size:24px;letter-spacing:-1px;margin-right:6px}.price small{font-size:10px;font-weight:450;letter-spacing:0;margin-left:14px;color:#c3d1c6}.value-note{font-size:10px;color:#cad8c9;margin:9px 0 20px}.combo li:before{content:'✓';color:var(--lime);margin-right:10px}.combo .buy{background:var(--lime);color:var(--ink);width:100%;margin-top:20px}.combo .buy:disabled{cursor:not-allowed}.combo .micro{color:#c4d3c7;text-align:center;font-size:9px;line-height:1.6}.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;border-top:1px solid var(--line);padding-top:75px;padding-bottom:80px}.faq h2{font-size:43px}.faq-list details{padding:19px 0;border-bottom:1px solid var(--line)}.faq-list summary{font-size:13px;font-weight:750;cursor:pointer;list-style:none;padding-right:24px;position:relative;line-height:1.5}.faq-list summary:after{content:'+';position:absolute;right:0;top:0}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:11px;line-height:1.8;color:var(--muted);margin:12px 0 0}.last-cta{background:#e0a257;color:#1c241e;border-radius:5px 44px 5px 44px;padding:54px 30px;text-align:center;margin-bottom:60px;position:relative;overflow:hidden}.last-cta:after{content:"SATU KERJA DULU";position:absolute;right:-20px;bottom:4px;font-size:12px;font-weight:900;letter-spacing:2px;opacity:.35;transform:rotate(-8deg)}.last-cta .eyebrow{justify-content:center}.last-cta h2{font-size:clamp(35px,4.4vw,54px);line-height:1.05;letter-spacing:-2.4px;margin:0 0 25px}.button-dark{background:#203b33;color:#fffaf1}footer{display:flex;align-items:center;justify-content:space-between;padding-bottom:36px;gap:20px}.brand-dark{color:var(--ink)}.brand-dark .brandmark{background:var(--forest);color:var(--lime)}footer p,footer small{font-size:9px;line-height:1.7;color:var(--muted)}.mobile-bar{display:none}@media(max-width:1000px){.hero-copy{width:58%;margin-left:5vw}.hero h1{font-size:clamp(46px,6vw,66px)}.story{gap:35px}.demo-layout{gap:45px}.catalog{grid-template-columns:repeat(2,1fr)}.section-wrap{width:calc(100% - 44px)}}@media(max-width:700px){.topbar{height:64px;padding:0 18px}.topbar nav{display:none}.brand{font-size:8px}.brandmark{width:32px;height:32px;font-size:17px}.nav-cta{font-size:10px;padding:11px 13px}.previewbar{font-size:8px;line-height:1.5}.previewbar span{display:block;margin:3px 0 0}.hero{height:auto;min-height:850px;align-items:flex-start}.hero-photo{object-position:57% top;height:570px}.hero-shade{background:linear-gradient(180deg,rgba(19,22,19,.15) 0px,rgba(19,22,19,.08) 310px,var(--paper) 455px,var(--paper) 100%),linear-gradient(90deg,#151a1660,transparent 100%)}.hero-copy{color:var(--ink);width:auto;margin:0;padding:380px 22px 96px;z-index:2}.hero .eyebrow{color:#fff5e5;text-shadow:0 1px 4px #0009;font-size:8px;margin-bottom:15px}.hero .eyebrow>span{background:var(--orange)}.hero h1{font-size:clamp(42px,11.5vw,57px);line-height:1;letter-spacing:-2.8px;margin-bottom:16px}.hero h1 em{color:#a25027}.hero-lead{font-size:15px;line-height:1.5;margin-bottom:8px}.hero-sub{font-size:12px;color:#545c54;line-height:1.65}.hero-actions{margin-top:20px;gap:9px}.button{font-size:10px;padding:13px 15px;gap:10px}.hero-facts{gap:6px;margin-top:17px}.hero-facts span{font-size:8px;padding:7px 9px;border-color:#58605655;background:#ffffff90}.hero-note{font-size:9px;color:#65675f}.hero-bottom{bottom:18px;left:22px;color:#686257;font-size:7px}.section-wrap{width:calc(100% - 38px)}.story{grid-template-columns:1fr;gap:25px;padding-top:55px;padding-bottom:60px}.story h2,.section-heading h2,.proof-intro h2,.faq h2{font-size:39px;letter-spacing:-2px}.story-copy>p:not(.eyebrow){font-size:13px}.meme-card{min-height:310px;padding:22px 19px;transform:rotate(.5deg)}.meme-footer strong{font-size:22px}.bridge{background:linear-gradient(180deg,#e3d7bf 0%,#e9e0d1 58%,#344b3f 58%,#344b3f)}.bridge-inner{width:calc(100% - 38px);grid-template-columns:40px 1fr;gap:12px}.bridge-number{width:38px;height:38px;font-size:12px}.bridge-inner p{font-size:12px}.bridge-inner a{grid-column:2;font-size:10px}.demo-section{padding:55px 0 68px}.demo-layout{grid-template-columns:1fr;gap:26px}.demo-layout h2{font-size:40px}.demo-layout>div>p{font-size:12px}.chat-demo{padding:20px}.bubble{font-size:11px;padding:14px}.question{margin-left:17px}.proof{padding-top:50px;padding-bottom:55px}.proof-intro h2{font-size:36px}.proof-intro>p:last-child{font-size:12px}.proof-grid{grid-template-columns:1fr;gap:13px}.proof-card img{height:300px}.proof-card:first-child img{height:330px;padding:12px}.kit-section{padding-top:55px;padding-bottom:65px}.section-heading{grid-template-columns:1fr;gap:14px;margin-bottom:27px}.section-heading>p{font-size:12px}.catalog{grid-template-columns:1fr;gap:10px}.kit{padding:20px;min-height:0}.kit-top{margin-bottom:14px}.kit h3{font-size:17px}.kit p{font-size:11px}.scope-note{font-size:9px}.path-section{padding:57px 0}.path-section h2{font-size:39px;letter-spacing:-2px}.path-grid{grid-template-columns:1fr;gap:20px;margin-top:28px}.path-grid article{display:grid;grid-template-columns:42px 1fr;column-gap:15px;padding-top:15px}.path-grid b{grid-row:1/3;font-size:30px}.path-grid h3{margin:1px 0 6px;font-size:15px}.path-grid p{grid-column:2;font-size:11px}.pricing-section{padding-top:60px;padding-bottom:60px}.pricing{grid-template-columns:1fr;gap:12px}.individual,.combo{padding:24px}.pricing h3{font-size:20px;margin:18px 0 12px}.individual>p{font-size:11px}.disabled-label{margin-top:22px}.price{font-size:74px}.price small{font-size:9px;margin-left:9px}.pricing ul{font-size:10px}.faq{display:block;padding-top:54px;padding-bottom:56px}.faq-list{margin-top:25px}.faq-list summary{font-size:12px}.faq-list p{font-size:10px}.last-cta{padding:40px 17px;margin-bottom:35px}.last-cta h2{font-size:38px}.last-cta .eyebrow{font-size:8px}footer{flex-wrap:wrap;padding-bottom:100px;gap:13px}footer p{max-width:145px;margin:0}footer small{flex-basis:100%;font-size:9px}.mobile-bar{display:flex;position:fixed;z-index:5;bottom:0;left:0;right:0;justify-content:space-between;align-items:center;padding:11px 16px;background:#203b33;color:white;box-shadow:0 -5px 18px #0002}.mobile-bar>span{display:flex;flex-direction:column;gap:2px;font-size:10px}.mobile-bar small{font-size:9px;color:#d4ddce}.mobile-bar a{background:var(--lime);color:var(--ink);padding:10px 13px;border-radius:25px;font-size:10px;font-weight:800}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}