:root{--cream: #fbf7ef;--cream-2: #f4ecdd;--cream-3: #f6efe2;--green: #127a4b;--green-deep: #0c5a37;--green-dark: #163229;--terracotta: #e8a27a;--terracotta-ink: #a24a22;--amber: #f59e0b;--amber-deep: #d9870a;--ink: #1e2a24;--ink-soft: #4a574f;--line: #e4d9c5;--white: #ffffff;--shadow: rgba(30, 42, 36, .14);--chrome-dot-red: #ff5f57;--chrome-dot-amber: #febc2e;--chrome-dot-green: #28c840}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3{font-family:Fraunces,Georgia,Times New Roman,serif;font-weight:600;letter-spacing:-.02em;line-height:1.08}a{color:inherit;text-decoration:none}ul,ol{list-style:none}.wrap{width:min(1160px,calc(100% - 40px));margin-inline:auto}section{padding:80px 0}.kicker{color:var(--terracotta-ink);font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.kicker.green{color:var(--green-deep)}.sec-head{max-width:640px}.sec-head h2{margin-top:10px;font-size:clamp(2rem,4vw,3.25rem)}.sec-head>p:last-child{margin-top:14px;color:var(--ink-soft);font-size:1.02rem}em.accent,h1 em,h2 em{color:var(--amber);font-style:italic}.btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 22px;border:1px solid transparent;border-radius:999px;font:inherit;font-size:.94rem;font-weight:800;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.btn:hover{transform:translateY(-2px)}.btn-amber{background:var(--amber);color:var(--ink);box-shadow:0 14px 30px #f59e0b47}.btn-amber:hover{background:var(--amber-deep)}.btn-ghost{border-color:var(--green);color:var(--green-deep)}.btn-ghost:hover{background:var(--green-deep);border-color:var(--green-deep);color:var(--cream)}.btn-cream{background:var(--cream);color:var(--ink)}.btn-outline-light{border-color:#fbf7ef7a;color:var(--cream)}.btn-outline-light:hover{background:#fbf7ef1a}.text-link{display:inline-flex;min-height:44px;align-items:center;color:var(--green-deep);font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 90% 5%,rgba(245,158,11,.16),transparent 28rem),var(--green-dark);color:var(--cream);padding:96px 0 86px}.hero-inner,.hero-copy{max-width:760px}.hero h1{margin-top:14px;font-size:clamp(2.7rem,6vw,5rem)}.hero-sub,.hero-lead{max-width:58ch;margin-top:20px;color:#fbf7efc7;font-size:clamp(1rem,2vw,1.16rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-note{margin-top:14px;color:#fbf7efa6;font-size:.78rem}.cta-band{background:var(--green-deep);color:var(--cream);text-align:center}.cta-band-inner{max-width:760px}.cta-band h2{margin-top:10px;font-size:clamp(2rem,4vw,3.25rem)}.cta-band p:not(.kicker){max-width:54ch;margin:14px auto 0;color:#fbf7efc7}.cta-band-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px}:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:6px}@media(max-width:1040px)and (min-width:721px){.pricing-hero .pricing-visual{margin-inline:auto}.pricing-shell .price-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-shell .price-card:last-child{grid-column:auto}}@media(max-width:920px)and (min-width:621px){.jhero .jhero-stage{margin-inline:auto}.result-showcase .result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.result-showcase .result-card:last-child{grid-column:auto}}@media(max-width:720px){.wrap{width:min(100% - 28px,1160px)}section{padding:60px 0}.hero{padding:76px 0 64px}.hero-actions,.cta-band-buttons{align-items:stretch;flex-direction:column}.hero-actions .btn,.cta-band-buttons .btn{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}.contoh-hero-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(440px,1.12fr);align-items:center;gap:66px}.contoh-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:12px;min-width:0}.contoh-preview{overflow:hidden;border:1px solid rgba(251,247,239,.2);border-radius:16px;background:var(--cream);color:var(--ink);box-shadow:0 26px 54px #00000038}.contoh-preview:nth-child(1){transform:translateY(22px) rotate(-1.5deg)}.contoh-preview:nth-child(3){transform:translateY(34px) rotate(1.5deg)}.contoh-preview-chrome{display:flex;align-items:center;gap:5px;padding:8px 9px;border-bottom:1px solid var(--line);background:var(--cream-2)}.contoh-preview-chrome>span{width:6px;height:6px;border-radius:50%;background:var(--line)}.contoh-preview-chrome>span:nth-child(1){background:var(--chrome-dot-red)}.contoh-preview-chrome>span:nth-child(2){background:var(--chrome-dot-amber)}.contoh-preview-chrome>span:nth-child(3){background:var(--chrome-dot-green)}.contoh-preview-chrome b{min-width:0;margin-left:4px;overflow:hidden;color:var(--ink-soft);font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}.contoh-preview-frame{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;pointer-events:none;background:var(--cream-2)}.contoh-preview-frame iframe{width:300%;height:300%;border:0;transform:scale(.3334);transform-origin:0 0;pointer-events:none}.contoh-stage-empty-link{grid-column:1 / -1;display:grid;min-height:260px;place-items:center;border:1px solid rgba(251,247,239,.28);color:var(--cream);font-weight:800}.examples{background:var(--cream);scroll-margin-top:72px}.examples-shell{display:grid;gap:42px}.examples .tsg-card{background:var(--white)}.proof-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--white)}.proof-strip li{display:flex;align-items:center;gap:12px;min-height:92px;padding:20px;color:var(--ink-soft);font-size:.83rem;font-weight:700}.proof-strip li+li{border-left:1px solid var(--line)}.proof-strip .mk-ic{color:var(--green-deep);font-size:1.35rem}@media(max-width:960px){.contoh-hero-layout{grid-template-columns:1fr}.contoh-stage{max-width:680px}.proof-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.proof-strip li:nth-child(3){border-top:1px solid var(--line);border-left:0}.proof-strip li:nth-child(4){border-top:1px solid var(--line)}}@media(max-width:620px){.contoh-stage{display:flex;width:calc(100vw - 28px);gap:12px;overflow-x:auto;padding:12px 22vw 34px 0;scroll-snap-type:x mandatory;scrollbar-width:none}.contoh-stage::-webkit-scrollbar,.examples .tsg-grid::-webkit-scrollbar{display:none}.contoh-preview,.contoh-preview:nth-child(1),.contoh-preview:nth-child(3){flex:0 0 min(70vw,270px);transform:none;scroll-snap-align:start}.examples .tsg-grid{display:flex;gap:12px;overflow-x:auto;padding:2px 18vw 18px 0;scroll-snap-type:x mandatory;scrollbar-width:none}.examples .tsg-card{flex:0 0 min(82vw,320px);scroll-snap-align:start}.proof-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.proof-strip li{min-height:112px;align-items:flex-start;flex-direction:column;padding:16px}.proof-strip li+li{border-left:1px solid var(--line)}.proof-strip li:nth-child(3){border-top:1px solid var(--line);border-left:0}.proof-strip li:nth-child(4){border-top:1px solid var(--line)}}