:root{--cream: #fbf7ef;--cream-2: #f4ecdd;--cream-3: #f6efe2;--green: #127a4b;--green-deep: #0c5a37;--terracotta: #e8a27a;--terracotta-ink: #a24a22;--amber: #f59e0b;--amber-deep: #d9870a;--ink: #1e2a24;--ink-soft: #4a574f;--line: #e4d9c5;--shadow: rgba(30, 42, 36, .14)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--cream);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4{font-family:Fraunces,Georgia,Times New Roman,serif;line-height:1.07;font-weight:600;letter-spacing:-.01em}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}.wrap{width:min(1180px,92vw);margin-inline:auto}em.accent{color:var(--green-deep);font-style:italic;font-weight:600}.skip{position:absolute;left:-999px;top:0;z-index:100;background:var(--green-deep);color:var(--cream);padding:.7rem 1.1rem;border-radius:0 0 12px;font-weight:700}.skip:focus{left:0}:focus-visible{outline:3px solid var(--green);outline-offset:3px;border-radius:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-family:inherit;font-weight:700;font-size:1rem;padding:.95rem 1.6rem;border-radius:999px;border:2px solid transparent;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}.btn-amber{background:var(--amber);color:var(--ink);box-shadow:0 10px 22px #f59e0b59}.btn-amber:hover{transform:translateY(-2px);background:var(--amber-deep);box-shadow:0 16px 30px #f59e0b6b}.btn-ghost{background:transparent;color:var(--green-deep);border-color:var(--green)}.btn-ghost:hover{background:var(--green);color:#fff;transform:translateY(-2px)}.btn-cream{background:var(--cream);color:var(--ink)}.btn-cream:hover{transform:translateY(-2px);box-shadow:0 14px 26px #0000002e}.btn-outline-light{background:transparent;color:var(--cream);border-color:#fbf7ef73}.btn-outline-light:hover{background:#fbf7ef1f;transform:translateY(-2px)}header.nav{position:sticky;top:0;z-index:40;background:#fbf7efdb;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.85rem 0}.nav-links{display:flex;gap:1.55rem;font-weight:600;font-size:.95rem;color:var(--ink-soft)}.nav-links a:hover{color:var(--green-deep)}.nav-cta{display:flex;align-items:center;gap:1rem}.nav-cta .login{font-weight:600;color:var(--ink-soft)}.nav-cta .login:hover{color:var(--green-deep)}.nav-cta .btn{padding:.7rem 1.25rem;font-size:.95rem}@media(max-width:1040px){.nav-links{display:none}}@media(max-width:620px){.nav-cta .login{display:none}}section{padding:5.2rem 0}.kicker{font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;color:var(--terracotta-ink)}.kicker.green{color:var(--green-deep)}.sec-head{max-width:52ch;margin-bottom:2.8rem}.sec-head h2{font-size:clamp(2rem,3.6vw,2.9rem);margin:.7rem 0 .8rem}.sec-head p{color:var(--ink-soft);font-size:1.08rem}@media(max-width:560px){section{padding:4rem 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important}}.hero{background:var(--green-deep);color:var(--cream);padding:5.5rem 0 4.5rem}.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.hero h1{font-size:clamp(2.1rem,4vw,3.2rem);color:var(--cream);margin:.8rem 0 1.2rem}.hero .kicker{color:#f2c9ae}.hero-lead{font-size:1.12rem;line-height:1.7;color:#fbf7efd1;max-width:46ch;margin-bottom:2rem}.hero-ctas{display:flex;gap:1rem;flex-wrap:wrap}@media(max-width:960px){.hero-inner{grid-template-columns:1fr}.hero-visual{max-width:480px}}@media(max-width:560px){.hero{padding:4rem 0 3.5rem}.hero h1{font-size:clamp(1.55rem,6.2vw,2.1rem)}.hero-ctas .btn{width:100%}}.browser-mock{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 24px 48px #00000038}.browser-chrome{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--cream-2);border-bottom:1px solid var(--line)}.dot{width:10px;height:10px;border-radius:50%;background:var(--line)}.browser-url{margin-left:10px;font-size:.72rem;color:var(--ink-soft);background:#fff;padding:3px 12px;border-radius:6px;flex:1;max-width:200px}.browser-body{padding:16px}.mock-nav{display:flex;align-items:center;gap:14px;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:16px}.mock-brand{font-family:Fraunces,serif;font-weight:700;font-size:.82rem;color:var(--green-deep);white-space:nowrap}.mock-link{width:36px;height:6px;border-radius:3px;background:var(--cream-2)}.mock-link.short{width:24px}.mock-hero-area{display:flex;gap:16px;margin-bottom:16px}.mock-hero-text{flex:1;display:flex;flex-direction:column;gap:6px}.mock-badge{width:52px;height:8px;border-radius:4px;background:var(--terracotta);opacity:.5}.mock-heading{width:100%;height:10px;border-radius:5px;background:var(--ink);opacity:.15}.mock-heading.short{width:65%}.mock-body-line{width:90%;height:5px;border-radius:3px;background:var(--ink-soft);opacity:.1}.mock-body-line.med{width:70%}.mock-cta-btn{width:72px;height:18px;border-radius:999px;background:var(--amber);margin-top:4px}.mock-hero-img{width:90px;height:68px;border-radius:10px;background:var(--cream-3);flex:none}.mock-cards{display:flex;gap:10px}.mock-card{flex:1;padding:10px;border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;gap:5px}.mock-card-icon{width:22px;height:22px;border-radius:6px;background:var(--green);opacity:.18}.mock-card-line{width:100%;height:5px;border-radius:3px;background:var(--ink);opacity:.08}.mock-card-line.short{width:60%}.untuk-siapa{background:var(--cream)}.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.audience-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:2rem 1.5rem;transition:transform .18s ease,box-shadow .18s ease}.audience-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px var(--shadow)}.audience-card h3{font-size:1.15rem;margin:1rem 0 .5rem}.audience-card p{color:var(--ink-soft);font-size:.95rem}.audience-icon{width:48px;height:48px;border-radius:14px;background:var(--cream-3);display:flex;align-items:center;justify-content:center}.icon-shape{display:block;width:24px;height:24px;border-radius:6px}.icon-shape.korporat{background:var(--green);border-radius:4px}.icon-shape.konsultan{background:var(--green-deep);border-radius:50%}.icon-shape.properti{background:var(--amber);border-radius:2px 2px 8px 8px}.icon-shape.lembaga{background:var(--terracotta);border-radius:12px 12px 4px 4px}@media(max-width:960px){.audience-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.audience-grid{grid-template-columns:1fr}}.halaman-section{background:var(--cream-2)}.page-list{list-style:none;counter-reset:none;display:flex;flex-direction:column;gap:0}.page-item{display:flex;gap:2rem;align-items:flex-start;padding:2rem 0;border-bottom:1px solid var(--line)}.page-item:last-child{border-bottom:none}.page-num{font-family:Fraunces,serif;font-size:2.4rem;font-weight:700;color:var(--green);opacity:.85;line-height:1;min-width:56px}.page-content h3{font-size:1.3rem;margin-bottom:.45rem}.page-content p{color:var(--ink-soft);font-size:1.02rem;max-width:56ch}@media(max-width:560px){.page-item{gap:1.2rem}.page-num{font-size:1.8rem;min-width:40px}}.pembeda-section{background:var(--cream)}.checklist-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem 2.5rem}.check-item{display:flex;align-items:center;gap:1rem;font-size:1.05rem;font-weight:500}.check-circle{width:28px;height:28px;border-radius:50%;background:var(--green);flex:none;position:relative}.check-circle:before{content:"";position:absolute;top:7px;left:10px;width:6px;height:11px;border-right:2.5px solid var(--cream);border-bottom:2.5px solid var(--cream);transform:rotate(40deg)}@media(max-width:560px){.checklist-grid{grid-template-columns:1fr}}.contoh-section{background:var(--cream-2)}.contoh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.contoh-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.contoh-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px var(--shadow)}.contoh-preview{padding:20px 16px 16px;border-bottom:1px solid var(--line)}.contoh-preview.green-accent{background:#127a4b0f}.contoh-preview.terra-accent{background:#e8a27a1a}.contoh-preview.amber-accent{background:#f59e0b14}.contoh-mock-nav{padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:12px}.contoh-mock-brand{font-family:Fraunces,serif;font-weight:700;font-size:.78rem;color:var(--green-deep)}.contoh-mock-body{display:flex;flex-direction:column;gap:6px}.contoh-mock-heading{width:80%;height:8px;border-radius:4px;background:var(--ink);opacity:.12}.contoh-mock-line{width:100%;height:5px;border-radius:3px;background:var(--ink);opacity:.07}.contoh-mock-line.short{width:55%}.contoh-mock-btn{width:58px;height:14px;border-radius:999px;background:var(--amber);margin-top:4px}.contoh-info{padding:1.2rem 1.4rem}.contoh-info h3{font-size:1.1rem;margin-bottom:.2rem}.contoh-type{color:var(--ink-soft);font-size:.92rem}.contoh-loc{color:var(--green);font-size:.82rem;font-weight:600;margin-top:.15rem}@media(max-width:960px){.contoh-grid{grid-template-columns:1fr;max-width:420px}}.kit-section{background:var(--cream)}.kit-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:2.5rem;max-width:640px}.kit-card h3{font-size:1.4rem;margin-bottom:.5rem}.kit-card>p{color:var(--ink-soft);font-size:1.02rem;margin-bottom:1.6rem}.kit-nodes{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:1.8rem}.kit-node{background:var(--cream-3);padding:.6rem 1.1rem;border-radius:999px;font-weight:600;font-size:.88rem;color:var(--green-deep)}.kit-connector{width:20px;height:2px;background:var(--line)}.cta-band{background:var(--green-deep);color:var(--cream);text-align:center}.cta-band-inner{max-width:580px}.cta-band h2{font-size:clamp(1.8rem,3vw,2.5rem);color:var(--cream);margin-bottom:.8rem}.cta-band p{color:#fbf7efc7;font-size:1.08rem;margin-bottom:2rem}.cta-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}@media(max-width:560px){.cta-buttons .btn{width:100%}}