:root{--ink:#11120f;--paper:#f7f7f2;--green:#a8ef78;--deep:#173d23;--muted:#65675f;--line:#d8d9d2;--soft:#ebece5;--orange:#ffb78a;--serif:"DM Serif Display",Georgia,serif;--sans:"Inter",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}.header{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f7f2ed;justify-content:space-between;height:82px;padding:0 clamp(22px,5vw,76px);position:sticky;top:0}.brand,.header{align-items:center;display:flex}.brand{gap:12px}.brand span{background:var(--ink);width:38px;height:38px;color:var(--green);border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid}.brand b{font-size:15px}.header nav{align-items:center;gap:30px;font-size:13px;font-weight:600;display:flex}.header nav a:not(.nav-cta):hover{opacity:.55}.btn,.nav-cta{border-radius:999px;justify-content:center;align-items:center;gap:24px;display:inline-flex}.nav-cta{background:var(--green);color:var(--deep);padding:11px 18px}.menu{background:0 0;border:0;font-weight:700;display:none}.hero{border-bottom:1px solid var(--line);grid-template-columns:1.05fr .95fr;min-height:calc(100vh - 82px);display:grid}.hero-copy{padding:clamp(55px,8vw,120px) clamp(25px,6vw,90px)}.hero-visual{background:var(--ink);color:#fff;flex-direction:column;justify-content:center;padding:clamp(45px,7vw,105px);display:flex}.eyebrow,.kicker{letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:700}.kicker{align-items:center;gap:10px;display:flex}.kicker span{background:var(--green);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #a8ef782e}h1,h2,h3,p{margin-top:0}.hero h1,.page-hero h1{font-family:var(--serif);letter-spacing:-.035em;font-weight:400;line-height:.92}.hero h1{margin:55px 0 36px;font-size:clamp(62px,7vw,116px)}.hero h1 em,.lab-intro h2 em,.page-hero h1 em,.promise h2 em,.section-head h2 em,.statement h2 em{color:var(--deep);font-weight:400}.lead{color:#41433d;max-width:670px;font-size:clamp(18px,1.5vw,23px)}.actions{align-items:center;gap:28px;margin:40px 0 72px;display:flex}.btn{padding:15px 22px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--green);color:var(--deep)}.btn.dark{background:var(--ink);color:#fff}.btn.text{padding-left:0}.hero-proof{border-top:1px solid var(--line);grid-template-columns:auto 1fr;gap:4px 18px;padding-top:24px;font-size:12px;display:grid}.hero-proof span{color:var(--muted)}.metric-mock{background:#1b1d18;border:1px solid #46483f;border-radius:28px;padding:28px;box-shadow:0 30px 80px #00000059}.mock-top{border-bottom:1px solid #42453b;justify-content:space-between;padding-bottom:20px;display:flex}.mock-top div{flex-direction:column;display:flex}.metric-grid small,.mock-top small{color:#a8aa9f;letter-spacing:.14em;font-size:9px}.mock-top strong{font-family:var(--serif);font-size:25px;font-weight:400}.mock-top>span{color:var(--green);font-size:12px}.metric-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0;display:grid}.metric-grid div{background:#242620;border-radius:14px;flex-direction:column;padding:15px;display:flex}.metric-grid b{font-size:22px}.metric-grid em{color:var(--green);font-size:9px;font-style:normal}.metric-grid .warn{color:var(--orange)}.bars{border-bottom:1px solid #45473f;align-items:flex-end;gap:11px;height:92px;display:flex}.bars span{height:var(--w);background:var(--green);opacity:.88;border-radius:5px 5px 0 0;flex:1}.mock-action{margin:21px 0}.mock-action b{color:var(--green);text-transform:uppercase;letter-spacing:.12em;font-size:11px}.mock-action p{color:#c7c9c1;margin:5px 0;font-size:12px}.visual-note{color:#a8aa9f;margin:28px 0 0;font-size:12px}.proof{letter-spacing:.06em;text-transform:uppercase;border:1px solid;border-radius:99px;align-items:center;gap:7px;width:max-content;padding:5px 9px;display:inline-flex;font-size:9px!important}.proof i{background:currentColor;border-radius:50%;width:6px;height:6px}.proof.actual{color:#28623d}.proof.reconstructed{color:#79641d}.proof.synthetic{color:#595c54}.metric-mock .proof{color:#c3c6bc}.lab-teaser .eyebrow{color:#343b31}.case-focus .eyebrow,.demo-review .eyebrow,.footer .eyebrow,.policy .eyebrow{color:#b9bcb2}.statement{border-bottom:1px solid var(--line);grid-template-columns:.35fr 1fr .65fr;gap:50px;padding:clamp(70px,10vw,150px) clamp(25px,7vw,110px);display:grid}.lab-intro h2,.promise h2,.section-head h2,.statement h2{font-family:var(--serif);font-size:clamp(45px,5vw,78px);font-weight:400;line-height:.98}.statement>div p{color:var(--muted);font-size:17px}.section{padding:clamp(70px,9vw,130px) clamp(25px,7vw,110px)}.section-head{justify-content:space-between;align-items:flex-end;margin-bottom:65px;display:flex}.section-head>a{border-bottom:1px solid}.eyebrow{color:var(--muted);margin-bottom:25px}.timeline-row{border-top:1px solid var(--line);grid-template-columns:70px 1fr 1fr;gap:38px;padding:42px 0;display:grid}.timeline-row:last-child{border-bottom:1px solid var(--line)}.index{font-family:var(--serif);color:var(--deep);font-size:26px}.period{text-transform:uppercase;letter-spacing:.11em;color:var(--muted);font-size:11px}.timeline-row h3{font-family:var(--serif);font-size:31px;font-weight:400;line-height:1.1}.timeline-row>div:last-child>p{color:var(--muted);max-width:540px}.tags{flex-wrap:wrap;gap:8px;display:flex}.tags span{border:1px solid var(--line);border-radius:99px;padding:6px 10px;font-size:10px}.lab-teaser{background:var(--green);grid-template-columns:.8fr 1.2fr;gap:90px;display:grid}.lab-intro>p:not(.eyebrow){max-width:560px}.tool-list{border-top:1px solid #11120f47}.tool-row{border-bottom:1px solid #11120f47;grid-template-columns:38px 1fr 20px;gap:18px;padding:25px 0;display:grid}.tool-row>span{font-family:var(--serif);font-size:19px}.tool-row h3{margin:0 0 5px}.tool-row p{color:#3c4b39;margin:0;font-size:13px}.promise-grid{grid-template-columns:1fr .75fr;gap:100px;display:grid}.big{font-family:var(--serif);font-size:clamp(26px,2.7vw,42px);line-height:1.15}.fit ul,.policy ul,.promise ul{padding:0;list-style:none}.fit li,.policy li,.promise li{border-top:1px solid var(--line);padding:13px 0}.page-hero{border-bottom:1px solid var(--line);padding:clamp(75px,10vw,145px) clamp(25px,7vw,110px)}.page-hero h1{max-width:1150px;margin:45px 0;font-size:clamp(62px,8vw,125px)}.page-hero>p:last-child{max-width:720px;color:var(--muted);font-size:20px}.case-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.case-card{border:1px solid var(--line);background:#fbfbf7;border-radius:26px;padding:28px}.case-number{font-family:var(--serif);justify-content:space-between;margin-bottom:55px;font-size:25px;display:flex}.case-card h2,.lab-card h2{font-family:var(--serif);font-size:31px;font-weight:400;line-height:1.08}.case-card>p{color:var(--muted)}.case-columns{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:20px;margin-top:34px;padding-top:20px;font-size:12px;display:grid}.case-columns ul{padding-left:16px}.case-focus,.demo-review,.policy{background:var(--ink);color:#fff;grid-template-columns:1fr 1fr;gap:80px;display:grid}.case-focus h2,.demo-review h2,.policy h2{font-family:var(--serif);font-size:50px;font-weight:400}.case-focus>div:last-child p{color:#c0c2ba;font-size:19px}.notice{border-left:3px solid var(--green);padding-left:20px!important;font-size:13px!important}.lab-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.lab-card{border:1px solid var(--line);background:#fff;border-radius:24px;min-height:390px;padding:26px}.lab-card>div:first-child{justify-content:space-between;align-items:center;display:flex}.lab-card>p{color:var(--muted)}.mini-sheet{border:1px solid var(--line);gap:6px;margin:35px 0 16px;padding:12px;display:grid}.mini-sheet i{background:linear-gradient(90deg,var(--soft) 35%,transparent 35% 40%,var(--soft) 40%);height:8px;display:block}.lab-card small{color:var(--muted)}.demo-review{align-items:center}.demo-review .metric-mock{max-width:550px}.about-grid{grid-template-columns:.75fr 1.25fr;gap:90px;display:grid}.portrait{background:var(--green);border-radius:1000px 1000px 26px 26px;flex-direction:column;justify-content:center;align-items:center;min-height:570px;display:flex}.portrait span{font-family:var(--serif);font-size:130px}.portrait small{margin-top:80px}.about-copy>p:not(.big){color:var(--muted);font-size:18px}blockquote{font-family:var(--serif);border-left:4px solid var(--green);margin:45px 0;padding-left:25px;font-size:30px}.fit{background:var(--soft);grid-template-columns:.6fr 1fr 1fr;gap:50px;display:grid}.fit h2{font-family:var(--serif);font-size:32px}.principles{background:var(--line);grid-template-columns:repeat(2,1fr);gap:1px;padding-top:1px;padding-bottom:1px;display:grid}.principles article{background:var(--paper);padding:55px}.principles span{font-family:var(--serif);color:var(--deep);font-size:25px}.principles h2{font-family:var(--serif);font-size:40px;font-weight:400}.principles p{color:var(--muted)}.policy li{border-color:#4b4d45}.footer{background:var(--ink);color:#fff;grid-template-columns:1fr auto;gap:70px;padding:clamp(70px,9vw,130px) clamp(25px,7vw,110px) 30px;display:grid}.footer h2{font-family:var(--serif);font-size:clamp(53px,7vw,100px);font-weight:400;line-height:.92}.footer h2 em{color:var(--green);font-weight:400}.footer-links{flex-direction:column;justify-content:flex-end;gap:16px;display:flex}.footer-links p{color:#999c92}.footer-bottom{color:#999c92;border-top:1px solid #454740;grid-column:1/-1;justify-content:space-between;padding-top:24px;font-size:11px;display:flex}@media (width<=900px){.header{height:68px}.menu{display:block}.header nav{background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:25px;display:none;position:absolute;top:68px;left:0;right:0}.header nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-visual{min-height:620px}.statement{grid-template-columns:1fr}.statement>p{margin:0}.timeline-row{grid-template-columns:45px 1fr}.timeline-row>div:last-child{grid-column:2}.about-grid,.case-focus,.demo-review,.fit,.lab-teaser,.policy,.promise-grid{grid-template-columns:1fr}.case-grid,.lab-grid{grid-template-columns:1fr 1fr}.footer{grid-template-columns:1fr}}@media (width<=620px){body{font-size:15px}.hero-copy{padding-top:55px}.hero h1{margin:38px 0 28px;font-size:59px}.hero-proof{grid-template-columns:1fr}.hero-proof span{margin-bottom:8px}.actions{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:52px}.hero-visual{min-height:530px;padding:45px 20px}.metric-mock{padding:20px}.mock-top strong{font-size:19px}.metric-grid b{font-size:16px}.lab-intro h2,.promise h2,.section-head h2,.statement h2{font-size:43px}.section-head{flex-direction:column;align-items:flex-start;gap:15px}.timeline-row{gap:14px}.timeline-row h3{font-size:26px}.case-columns,.case-grid,.lab-grid{grid-template-columns:1fr}.page-hero h1{font-size:58px}.page-hero>p:last-child{font-size:17px}.principles{grid-template-columns:1fr}.principles article{padding:35px 25px}.portrait{min-height:420px}.footer-bottom{flex-direction:column;gap:8px}.brand b{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.footer-links a{align-items:center;min-height:44px;padding:10px 0;display:inline-flex}.proof{line-height:1.25;font-size:10px!important}@media (width<=620px){.lab-page{padding-top:55px;padding-bottom:45px}.lab-page h1{margin:28px 0;font-size:49px}.lab-page>p:last-child{font-size:16px}.lab-grid{padding-top:48px}}.artifact-preview{border:1px solid var(--line);background:#fafbf8;border-radius:12px;margin:28px 0 16px;overflow:hidden}.artifact-toolbar{border-bottom:1px solid var(--line);background:#f0f1eb;align-items:center;gap:5px;height:30px;padding:0 10px;display:flex}.artifact-toolbar i{background:#b4b7ad;border-radius:50%;width:6px;height:6px}.artifact-toolbar span{letter-spacing:.11em;color:#676a61;margin-left:auto;font-size:7px;font-weight:700}.artifact-table{overflow:hidden}.artifact-row{border-bottom:1px solid #e7e8e2;grid-template-columns:repeat(5,minmax(58px,1fr));display:grid}.artifact-row:last-child{border-bottom:0}.artifact-row.head{background:#f6f7f3}.artifact-row b,.artifact-row span{white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #e7e8e2;padding:7px 8px;font-size:8px;overflow:hidden}.artifact-row b{color:#474a43;font-weight:700}.artifact-row span{color:#65685f}.artifact-row b:last-child,.artifact-row span:last-child{border-right:0}.lab-card{overflow:hidden}.lab-card small{margin-top:10px;display:block}.lab-card:nth-child(4) .artifact-row,.lab-card:nth-child(5) .artifact-row,.lab-card:nth-child(6) .artifact-row{grid-template-columns:repeat(2,minmax(100px,1fr));min-width:0}.artifact-table{-webkit-overflow-scrolling:touch;scrollbar-width:thin;overflow:auto hidden}.artifact-preview{overflow:visible}.artifact-preview:after{content:"Geser untuk melihat kolom lain →";color:#65685f;border-top:1px solid var(--line);text-align:right;background:#f0f1eb;padding:7px 10px;font-size:9px;display:block}.artifact-row{min-width:390px}@media (width>=901px){.artifact-preview:after{content:"";display:none}}.portrait{background:#eef0e9;position:relative;overflow:hidden}.portrait img{-o-object-fit:cover;object-fit:cover;-o-object-position:center 22%;object-position:center 22%;filter:saturate(.92)contrast(1.02);width:100%;height:100%;min-height:570px;display:block}.portrait small{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#11120fd1;border-radius:99px;padding:8px 12px;position:absolute;bottom:20px;left:22px;margin:0!important}@media (width<=900px){.portrait{width:100%;max-width:560px;margin-inline:auto}}@media (width<=620px){.portrait img{-o-object-position:center 18%;object-position:center 18%;min-height:420px}}[data-theme=dark],html[data-theme=dark]{--paper:#10120f;--ink:#f3f5ed;--surface:#1b1e19;--line:#3c4238;--soft:#20251f;--muted:#b8beb1;--deep:#b8f397;--orange:#ffc49e}html[data-theme=dark] body{background:var(--paper);color:var(--ink)}html[data-theme=dark] .header{border-color:var(--line);background:#10120feb}html[data-theme=dark] .header nav{background:var(--paper)}html[data-theme=dark] .brand b,html[data-theme=dark] .header nav a:not(.nav-cta){color:var(--ink)}html[data-theme=dark] .theme-toggle{color:var(--ink);border-color:var(--line);background:var(--surface)}html[data-theme=dark] .fit li,html[data-theme=dark] .promise li,html[data-theme=dark] .statement,html[data-theme=dark] .timeline-row{border-color:var(--line)}html[data-theme=dark] .about-copy>p:not(.big),html[data-theme=dark] .page-hero>p:last-child,html[data-theme=dark] .statement>div p,html[data-theme=dark] .timeline-row>div:last-child>p{color:var(--muted)}html[data-theme=dark] .case-card,html[data-theme=dark] .lab-card{background:var(--surface);border-color:var(--line)}html[data-theme=dark] .tags span{border-color:var(--line)}html[data-theme=dark] .artifact-preview{border-color:var(--line);background:#181c17}html[data-theme=dark] .artifact-preview:after,html[data-theme=dark] .artifact-row.head,html[data-theme=dark] .artifact-toolbar{border-color:var(--line);background:#252a23}html[data-theme=dark] .artifact-row{border-color:#333930}html[data-theme=dark] .artifact-row b,html[data-theme=dark] .artifact-row span,html[data-theme=dark] .lab-card small{color:var(--muted)}html[data-theme=dark] .fit{background:#1a211b}html[data-theme=dark] .portrait{background:#253225}html[data-theme=dark] .portrait small{color:#10120f;background:#f3f5ede6}html[data-theme=dark] .lab-teaser{color:#10120f;background:#a9ef7b}html[data-theme=dark] .lab-teaser .eyebrow{color:#263b25}html[data-theme=dark] .tool-row{border-color:#10120f61}html[data-theme=dark] .tool-row p{color:#263b25}html[data-theme=dark] .footer{background:#080a08}.theme-toggle{border:1px solid var(--line);min-width:74px;min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:12px;font-weight:700;display:inline-flex}.theme-toggle span{font-size:17px;line-height:1}.theme-toggle:hover{transform:translateY(-1px)}@media (width<=900px){.theme-toggle{border-radius:12px;justify-content:flex-start;align-self:stretch;margin-top:4px}}.service-block{border-top:1px solid var(--line);padding:clamp(70px,9vw,130px) clamp(25px,7vw,110px)}.service-block.dark{background:var(--ink);color:var(--ink);border-top:0}.service-block.dark .eyebrow{color:var(--green)}.service-block.dark h2{color:var(--ink)}.service-block.dark .tier{background:#1b1e19;border:1px solid #3a3e35}.service-block.dark .tier.highlight{border-color:var(--green)}.service-block.dark .tier-name{color:var(--green)}.service-block.dark .tier-price{color:var(--ink)}.service-block.dark .tier-price span{color:#aab0a5}.service-block.dark .tier li{color:#cfd4cb;border-color:#3a3e35}.service-block.dark .service-meta{color:#aab0a5}.service-meta{color:var(--muted);max-width:780px;margin-top:24px;font-size:14px}.service-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px;display:grid}.service-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:24px}.service-card h3{font-family:var(--serif);margin-bottom:12px;font-size:24px;font-weight:400}.service-card ul{color:#41433d;padding-left:18px;font-size:14px}.service-card li{margin-bottom:6px}.tier-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px;display:grid}.tier{border:1px solid var(--line);background:#fff;border-radius:24px;flex-direction:column;gap:14px;padding:28px;display:flex}.tier.highlight{outline:2px solid var(--green);outline-offset:-2px}.tier-name{color:var(--deep);font-size:22px}.tier-name,.tier-price{font-family:var(--serif)}.tier-price{color:var(--ink);font-size:34px;line-height:1}.tier-price span{color:var(--muted);margin-left:6px;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.tier ul{padding:0;font-size:13px;list-style:none}.tier li{border-top:1px solid var(--line);color:#41433d;padding:9px 0}.how-list{margin:0 0 24px;padding-left:20px;font-size:16px}.how-list li{margin-bottom:6px}.service-cta{background:var(--soft);text-align:left}.service-cta .btn{background:var(--ink);color:#fff}@media (width<=900px){.service-grid,.tier-grid{grid-template-columns:1fr}}