.layanan-page{--paper:#faf6ed;--cream:#f5f1e8;--cream2:#ede5d2;--clay:#c96442;--clayDark:#a04a2c;--claySoft:#e89876;--gold:#c9a961;--goldSoft:#e5c57f;--teak:#8b5e3c;--ink:#2a1f1a;--sepia:#6b5d4f;--line:#2a1f1a1f;--line2:#2a1f1a0f;--live:#3fa56b;--card-shadow:0 24px 60px #2a1f1a1a, 0 1px 3px #2a1f1a0d;--card-shadow-sm:0 12px 28px #2a1f1a0f, 0 1px 2px #2a1f1a0a;--serif:"Fraunces", "Times New Roman", serif;--sans:"Inter", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace}.layanan-page *{box-sizing:border-box}.layanan-page,.layanan-page{margin:0;padding:0}.layanan-page{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:linear-gradient(90deg,#2a1f1a0f 1px,#0000 1px),linear-gradient(#2a1f1a0f 1px,#0000 1px);background-size:48px 48px;font-size:16px;line-height:1.55}.layanan-page a{color:inherit}.layanan-page button{font-family:inherit}.layanan-page ::selection{background:var(--clay);color:var(--paper)}.layanan-page :focus-visible{outline:2px solid var(--clay);outline-offset:3px;border-radius:6px}.layanan-page .reveal{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1);transform:translateY(14px)}.layanan-page .reveal.in{opacity:1;transform:translateY(0)}@keyframes lyn-livepulse{0%{box-shadow:0 0 #3fa56b73}70%{box-shadow:0 0 0 7px #3fa56b00}to{box-shadow:0 0 #3fa56b00}}@keyframes lyn-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes lyn-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes lyn-typing{0%{width:0}60%{width:100%}to{width:100%}}.layanan-page .live-dot{background:var(--live);border-radius:50%;width:8px;height:8px;animation:2.2s infinite lyn-livepulse;display:inline-block}.layanan-page .bob{animation:5s ease-in-out infinite lyn-bob}.layanan-page .btn{min-height:48px;font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:14px 22px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.layanan-page .btn-pill{font-family:var(--mono);letter-spacing:.18em;border-radius:999px;font-size:12px;font-weight:500}.layanan-page .btn-clay{background:var(--clay);color:var(--paper);box-shadow:0 12px 24px #c9644247,inset 0 1px #ffffff2e}.layanan-page .btn-clay:hover{background:var(--clayDark);transform:translateY(-1px);box-shadow:0 16px 32px #c9644257,inset 0 1px #ffffff2e}.layanan-page .btn-ghost{color:var(--ink);border-color:var(--line);background:0 0}.layanan-page .btn-ghost:hover{border-color:var(--ink);background:#2a1f1a08}.layanan-page .btn-ink{background:var(--ink);color:var(--paper)}.layanan-page .btn-ink:hover{background:#3a2c25;transform:translateY(-1px)}.layanan-page .proof-pill{background:var(--paper);border:1px solid var(--line);font-family:var(--mono);color:var(--sepia);letter-spacing:.08em;border-radius:999px;align-items:center;gap:10px;margin-bottom:18px;padding:8px 16px;font-size:11px;display:inline-flex;box-shadow:0 1px 2px #2a1f1a0a}.layanan-page .eyebrow{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--clay);align-items:center;gap:10px;font-size:11px;font-weight:500;display:inline-flex}.layanan-page .eyebrow:before{content:"";background:var(--clay);width:24px;height:1px;display:inline-block}.layanan-page .card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--card-shadow);border-radius:18px}.layanan-page .card-cream{background:var(--cream)}.layanan-page .wrap{max-width:1280px;margin:0 auto;padding:0 28px}@media (max-width:720px){.layanan-page .wrap{padding:0 20px}.layanan-page{background-size:36px 36px}}.layanan-page .display{font-family:var(--serif);font-variation-settings:"opsz" 120;letter-spacing:-.025em;color:var(--ink);text-wrap:balance;font-weight:500;line-height:1.02}.layanan-page .serif-italic{background:linear-gradient(135deg, var(--clay) 0%, var(--gold) 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-style:italic;font-weight:300}.layanan-page .h2{font-family:var(--serif);font-variation-settings:"opsz" 80;letter-spacing:-.022em;text-wrap:balance;margin:0;font-size:clamp(32px,4.2vw,52px);font-weight:500;line-height:1.05}.layanan-page .lead{color:var(--sepia);max-width:60ch;font-size:18px;line-height:1.55}.layanan-page section{padding:100px 0;position:relative}@media (max-width:720px){.layanan-page section{padding:64px 0}}.layanan-page .nav{z-index:50;-webkit-backdrop-filter:blur(12px)saturate(1.1);backdrop-filter:blur(12px)saturate(1.1);border-bottom:1px solid var(--line2);background:#faf6edc7;position:sticky;top:0}.layanan-page .navrow{align-items:center;gap:24px;padding:18px 0;display:flex}.layanan-page .logo{font-family:var(--serif);letter-spacing:.04em;align-items:center;gap:10px;font-size:22px;font-weight:600;display:flex}.layanan-page .logo-mark{object-fit:contain;border-radius:6px;width:32px;height:32px;display:block}.layanan-page .navlinks{flex:1;gap:6px;margin-left:24px;display:flex}.layanan-page .navlink{color:var(--sepia);border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.layanan-page .navlink:hover{color:var(--ink);background:#2a1f1a0a}.layanan-page .navlink.active{color:var(--ink)}.layanan-page .navlink.active:after{content:"";position:absolute}.layanan-page .navlink-active-underline{position:relative}.layanan-page .navlink-active-underline:after{content:"";background:var(--clay);border-radius:2px;height:2px;position:absolute;bottom:4px;left:14px;right:14px}.layanan-page .nav-tag{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--sepia);background:var(--cream2);border-radius:5px;padding:3px 6px;font-size:9px}@media (max-width:900px){.layanan-page .navlinks{display:none}}@media (max-width:520px){.layanan-page .navrow{gap:12px}.layanan-page .logo{gap:8px;font-size:18px}.layanan-page .navrow .btn{letter-spacing:.14em;padding:10px 14px;font-size:11px}.layanan-page .navrow .btn-ghost{display:none}}.layanan-page .hero{padding:64px 0 60px;position:relative;overflow:hidden}.layanan-page .hero-orb{pointer-events:none;filter:blur(45px);border-radius:50%;position:absolute}.layanan-page .hero-orb.a{background:radial-gradient(circle,#c964422e 0%,#0000 65%);width:720px;height:720px;top:-120px;left:-180px}.layanan-page .hero-orb.b{background:radial-gradient(circle,#e5c57f40 0%,#0000 65%);width:600px;height:600px;top:80px;right:-160px}.layanan-page .hero-orb.c{background:radial-gradient(circle,#c9a9611f 0%,#0000 65%);width:540px;height:540px;bottom:-100px;left:40%}.layanan-page .hero-grid{grid-template-columns:.92fr 1.08fr;align-items:center;gap:56px;display:grid}.layanan-page .hero-copy{z-index:3;order:2;margin-left:0;padding:40px 0;position:relative}.layanan-page .hero-media{z-index:1;order:1;position:relative}@media (max-width:980px){.layanan-page .hero-grid{grid-template-columns:1fr;gap:40px}}.layanan-page .hero h1{margin:18px 0 22px;font-size:clamp(40px,5.6vw,76px)}.layanan-page .hero-ctas{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.layanan-page .hero-meta{color:var(--sepia);flex-wrap:wrap;gap:28px;margin-top:36px;font-size:13px;display:flex}.layanan-page .hero-meta-item{align-items:center;gap:8px;display:flex}.layanan-page .hero-meta-dot{background:var(--clay);border-radius:50%;width:6px;height:6px}.layanan-page .hero-visual{background:var(--cream);isolation:isolate;border:0;border-radius:24px;width:100%;min-height:520px;margin-left:0;position:relative;overflow:hidden;box-shadow:0 34px 90px #2a1f1a33,0 2px 8px #2a1f1a14}.layanan-page .hero-visual-img{object-fit:cover;object-position:center center;width:100%;height:100%;display:block;position:absolute;inset:0;transform:none}.layanan-page .hero-visual-website .hero-visual-img{object-position:55% center}.layanan-page .hero-visual-seo .hero-visual-img{object-position:50% center}.layanan-page .hero-visual-ads .hero-visual-img{object-position:48% center}.layanan-page .hero-visual-internal .hero-visual-img{object-position:54% center}.layanan-page .hero-visual-ai .hero-visual-img{object-position:52% center}.layanan-page .hero-visual-vignette{z-index:1;pointer-events:none;background:linear-gradient(#2a1f1a00 50%,#2a1f1a80 100%),linear-gradient(90deg,#2a1f1a29,#2a1f1a00 34%,#faf6ed3d 100%);position:absolute;inset:0}.layanan-page .hero-visual-dash{z-index:2;width:min(340px,100% - 40px);position:absolute;bottom:20px;left:20px;transform:none}.layanan-page .hero-visual .dash{gap:12px}.layanan-page .hero-visual .dashcard{-webkit-backdrop-filter:blur(16px)saturate(1.08);backdrop-filter:blur(16px)saturate(1.08);background:#faf6ede6;border-color:#faf6ed75;padding:16px;box-shadow:0 18px 50px #2a1f1a33,inset 0 1px #ffffff8c}.layanan-page .hero-visual .hero-side-extra{display:none}@media (max-width:1100px){.layanan-page .hero-visual{min-height:500px}.layanan-page .hero-copy{margin-left:0;padding-left:0}}@media (max-width:980px){.layanan-page .hero-grid{grid-template-columns:1fr;gap:40px}.layanan-page .hero-copy{order:1;margin-left:0;padding:0}.layanan-page .hero-media{order:2}.layanan-page .hero-visual{border-radius:22px;width:100%;min-height:520px;margin-left:0}.layanan-page .hero-visual-dash{left:22px}}@media (max-width:640px){.layanan-page .hero-visual{border-radius:18px;min-height:430px}.layanan-page .hero-visual-img{object-position:center center}.layanan-page .hero-visual-dash{width:calc(100% - 28px);bottom:14px;left:14px}.layanan-page .hero-visual .dashcard{border-radius:14px;padding:16px}}.layanan-page .dash{flex-direction:column;gap:16px;display:flex;position:relative}.layanan-page .dashcard{background:var(--paper);border:1px solid var(--line);box-shadow:var(--card-shadow);border-radius:18px;padding:22px;position:relative}.layanan-page .dashcard-head{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--sepia);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:10px;display:flex}.layanan-page .dashcard-live{color:var(--live);align-items:center;gap:6px;font-weight:600;display:inline-flex}.layanan-page .metric-row{justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.layanan-page .metric-num{font-family:var(--serif);letter-spacing:-.02em;font-variation-settings:"opsz" 80;font-size:44px;font-weight:500;line-height:1}.layanan-page .delta{font-family:var(--mono);color:var(--live);font-size:11px;font-weight:600}.layanan-page .delta.neg{color:var(--clay)}.layanan-page .subtle{color:var(--sepia);font-size:13px}.layanan-page .switcher{z-index:60;border:1px solid var(--line);box-shadow:var(--card-shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#faf6edeb;border-radius:14px;flex-direction:column;gap:6px;padding:8px;display:flex;position:fixed;top:50%;right:20px;transform:translateY(-50%)}.layanan-page .switcher-label{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--sepia);padding:4px 8px 0;font-size:9px}.layanan-page .switcher button{appearance:none;cursor:pointer;text-align:left;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sepia);background:0 0;border:0;border-radius:8px;padding:8px 12px;font-size:10px;transition:all .15s}.layanan-page .switcher button:hover{background:var(--cream)}.layanan-page .switcher button.active{background:var(--ink);color:var(--paper)}@media (max-width:900px){.layanan-page .switcher{flex-flow:wrap;inset:auto auto 18px 50%;transform:translate(-50%)}.layanan-page .switcher-label{display:none}}.layanan-page .points{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:48px;display:grid}@media (max-width:780px){.layanan-page .points{grid-template-columns:1fr}}.layanan-page .point{background:var(--paper);border:1px solid var(--line);box-shadow:var(--card-shadow);border-radius:18px;padding:32px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.layanan-page .point:hover{transform:translateY(-3px);box-shadow:0 30px 70px #2a1f1a1f,0 1px 3px #2a1f1a0f}.layanan-page .point-num{font-family:var(--mono);letter-spacing:.22em;color:var(--clay);margin-bottom:8px;font-size:12px}.layanan-page .point h3{font-family:var(--serif);letter-spacing:-.018em;font-variation-settings:"opsz" 36;margin:0 0 8px;font-size:24px;font-weight:500;line-height:1.2}.layanan-page .point p{color:var(--sepia);margin:0;font-size:15px;line-height:1.55}.layanan-page .point-meta{border-top:1px dashed var(--line);font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--sepia);align-items:center;gap:8px;margin-top:18px;padding-top:16px;font-size:10px;display:flex}.layanan-page .point-meta strong{color:var(--ink);font-weight:600}.layanan-page .steps{grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px;display:grid;position:relative}@media (max-width:880px){.layanan-page .steps{grid-template-columns:1fr 1fr}}@media (max-width:520px){.layanan-page .steps{grid-template-columns:1fr}}.layanan-page .step{border-top:1px solid var(--line);padding:28px 24px 28px 0;position:relative}.layanan-page .step+.step{border-left:1px dashed var(--line);padding-left:24px}@media (max-width:880px){.layanan-page .step+.step{border-left:none;padding-left:0}}.layanan-page .step-num{font-family:var(--mono);letter-spacing:.2em;color:var(--clay);margin-bottom:10px;font-size:11px}.layanan-page .step h4{font-family:var(--serif);letter-spacing:-.018em;font-variation-settings:"opsz" 36;margin:0 0 6px;font-size:22px;font-weight:500}.layanan-page .step p{color:var(--sepia);margin:0;font-size:14px;line-height:1.55}.layanan-page .step-tag{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--sepia);background:var(--cream);border-radius:6px;align-items:center;gap:6px;margin-top:14px;padding:4px 8px;font-size:10px;display:inline-flex}.layanan-page .results{background:var(--cream);border:1px solid var(--line);border-radius:20px;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:0;margin-top:48px;display:grid;overflow:hidden}@media (max-width:880px){.layanan-page .results{grid-template-columns:1fr 1fr}}.layanan-page .result{border-right:1px solid var(--line);padding:32px 28px}.layanan-page .result:last-child{border-right:0}@media (max-width:880px){.layanan-page .result{border-right:0;border-bottom:1px solid var(--line)}.layanan-page .result:nth-child(2n){border-right:0}.layanan-page .result:last-child{border-bottom:0}}.layanan-page .result-num{font-family:var(--serif);letter-spacing:-.02em;font-variation-settings:"opsz" 80;color:var(--ink);font-size:46px;font-weight:500;line-height:1}.layanan-page .result-num small{color:var(--clay);font-size:24px;font-style:italic}.layanan-page .result-label{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--sepia);margin-top:10px;font-size:10px}.layanan-page .result-note{color:var(--sepia);margin-top:6px;font-size:13px}.layanan-page .testimonial{background:var(--paper);border:1px solid var(--line);box-shadow:var(--card-shadow-sm);border-radius:20px;grid-template-columns:1fr auto;align-items:center;gap:32px;margin-top:32px;padding:36px;display:grid}@media (max-width:720px){.layanan-page .testimonial{grid-template-columns:1fr}}.layanan-page .testimonial blockquote{font-family:var(--serif);letter-spacing:-.012em;color:var(--ink);font-variation-settings:"opsz" 60;margin:0;font-size:24px;font-style:italic;font-weight:400;line-height:1.35}.layanan-page .testimonial cite{font-style:normal;font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--sepia);margin-top:14px;font-size:11px;display:block}.layanan-page .testimonial-meta{background:var(--cream);border:1px solid var(--line);border-radius:14px;min-width:200px;padding:18px 22px}.layanan-page .why{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;display:grid}@media (max-width:880px){.layanan-page .why{grid-template-columns:1fr}}.layanan-page .why-card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--card-shadow-sm);border-radius:18px;flex-direction:column;gap:14px;padding:32px;display:flex}.layanan-page .why-icon{background:linear-gradient(135deg, var(--clay) 0%, var(--gold) 100%);border-radius:12px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 8px 20px #c9644238}.layanan-page .why-card h4{font-family:var(--serif);letter-spacing:-.018em;font-variation-settings:"opsz" 36;margin:0;font-size:22px;font-weight:500}.layanan-page .why-card p{color:var(--sepia);margin:0;font-size:15px;line-height:1.55}.layanan-page .faq{border-top:1px solid var(--line);margin-top:48px}.layanan-page .faq-item{border-bottom:1px solid var(--line)}.layanan-page .faq-q{appearance:none;cursor:pointer;width:100%;font-family:var(--serif);letter-spacing:-.014em;color:var(--ink);text-align:left;font-variation-settings:"opsz" 36;background:0 0;border:0;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;font-size:22px;font-weight:500;display:flex}.layanan-page .faq-q:hover .faq-arrow{border-color:var(--clay);color:var(--clay);transform:rotate(45deg)}.layanan-page .faq-arrow{border:1px solid var(--line);width:32px;height:32px;color:var(--sepia);border-radius:50%;flex:none;place-items:center;transition:transform .25s,border-color .2s,color .2s;display:grid}.layanan-page .faq-item.open .faq-arrow{border-color:var(--clay);color:var(--clay);transform:rotate(45deg)}.layanan-page .faq-a{max-height:0;transition:max-height .35s,padding .25s;overflow:hidden}.layanan-page .faq-item.open .faq-a{max-height:300px;padding-bottom:24px}.layanan-page .faq-a p{color:var(--sepia);max-width:70ch;margin:0;font-size:16px;line-height:1.6}.layanan-page .ctaband{background:var(--ink);color:var(--paper);border-radius:24px;grid-template-columns:1.3fr 1fr;align-items:center;gap:40px;margin:80px 0 60px;padding:60px;display:grid;position:relative;overflow:hidden}@media (max-width:880px){.layanan-page .ctaband{grid-template-columns:1fr;padding:40px}}.layanan-page .ctaband:before{content:"";pointer-events:none;background:radial-gradient(circle,#c964426b 0%,#c9644200 60%);border-radius:50%;width:380px;height:380px;position:absolute;inset:-150px -150px auto auto}.layanan-page .ctaband:after{content:"";pointer-events:none;background:radial-gradient(circle,#c9a96138 0%,#c9a96100 60%);border-radius:50%;width:340px;height:340px;position:absolute;inset:auto auto -140px -120px}.layanan-page .ctaband h2{font-family:var(--serif);letter-spacing:-.022em;color:var(--paper);font-variation-settings:"opsz" 80;z-index:1;text-wrap:balance;margin:0 0 16px;font-size:clamp(30px,3.8vw,48px);font-weight:500;line-height:1.05;position:relative}.layanan-page .ctaband p{color:#faf6edb3;z-index:1;max-width:50ch;margin:0 0 24px;font-size:16px;position:relative}.layanan-page .ctaband .btn-clay{box-shadow:0 14px 30px #c9644266,inset 0 1px #ffffff2e}.layanan-page .ctaband .eyebrow{color:var(--goldSoft);z-index:1;position:relative}.layanan-page .ctaband .eyebrow:before{background:var(--goldSoft)}.layanan-page .ctaband-card{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#faf6ed0f;border:1px solid #faf6ed26;border-radius:18px;padding:24px;position:relative}.layanan-page .ctaband-card .dashcard-head{color:#faf6ed8c}.layanan-page .ctaband-card .metric-num{color:var(--paper)}.layanan-page .ctaband-card .subtle{color:#faf6ed99}.layanan-page footer{border-top:1px solid var(--line);color:var(--sepia);padding:48px 0 64px;font-size:14px}.layanan-page .foot-grid{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.layanan-page .foot-links{flex-wrap:wrap;gap:20px;display:flex}.layanan-page .foot-links a{color:var(--sepia);text-decoration:none}.layanan-page .foot-links a:hover{color:var(--ink)}.layanan-page .sec-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:8px;display:flex}.layanan-page .sec-head-left{max-width:760px}.layanan-page .sec-head h2{margin-top:14px}.layanan-page .sec-head-aside{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--sepia);align-items:center;gap:10px;font-size:11px;display:flex}.layanan-page .ph-mark{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--clay);opacity:.75;background:#c9644214;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:9px;display:inline-flex}.layanan-page .keyword-row{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:13px;display:flex}.layanan-page .keyword-row:last-child{border-bottom:0}.layanan-page .keyword-row .pos{font-family:var(--mono);color:var(--live);align-items:center;gap:4px;font-weight:600;display:inline-flex}.layanan-page .keyword-row .pos.up:before{content:"↑";color:var(--live)}.layanan-page .keyword-row .name{color:var(--ink);font-weight:500}.layanan-page .keyword-row .small{color:var(--sepia);font-size:11px}.layanan-page .sparkline{width:100%;height:32px;display:block}.layanan-page .gauge{background:conic-gradient(var(--clay) 0 var(--p,75%), #2a1f1a14 var(--p,75%) 100%);border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:relative}.layanan-page .gauge:after{content:"";background:var(--paper);border-radius:50%;position:absolute;inset:7px}.layanan-page .gauge span{font-family:var(--serif);font-variation-settings:"opsz" 24;font-size:18px;font-weight:600;position:relative}.layanan-page .bars{align-items:flex-end;gap:4px;height:36px;display:flex}.layanan-page .bars span{background:var(--clay);opacity:.85;border-radius:3px;flex:1}.layanan-page .bars span:first-child{height:30%}.layanan-page .bars span:nth-child(2){height:50%}.layanan-page .bars span:nth-child(3){height:38%}.layanan-page .bars span:nth-child(4){height:62%}.layanan-page .bars span:nth-child(5){height:54%}.layanan-page .bars span:nth-child(6){height:78%}.layanan-page .bars span:nth-child(7){height:95%}.layanan-page .serp{background:var(--cream);border:1px solid var(--line);border-radius:12px;margin-top:14px;padding:14px 16px;font-size:12px}.layanan-page .serp-row{align-items:center;gap:10px;display:flex}.layanan-page .serp-rank{font-family:var(--mono);letter-spacing:.16em;color:var(--paper);background:var(--ink);border-radius:5px;padding:3px 7px;font-size:10px;font-weight:600}.layanan-page .serp-title{font-family:var(--serif);color:var(--ink);font-size:15px;font-style:italic}.layanan-page .serp-meta{color:var(--sepia);font-family:var(--mono);letter-spacing:.14em;margin-top:6px;font-size:10px}.layanan-page .journey{background:radial-gradient(circle at 85% 20%, #c9a9611f 0%, #c9a96100 50%), radial-gradient(circle at 12% 80%, #c964421a 0%, #c9644200 50%), var(--cream);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:80px 0;position:relative;overflow:hidden}.layanan-page .journey-grid{grid-template-columns:1.55fr 1fr;gap:20px;margin-top:40px;display:grid}@media (max-width:980px){.layanan-page .journey-grid{grid-template-columns:1fr}}.layanan-page .panel{background:var(--paper);border:1px solid var(--line);box-shadow:var(--card-shadow);border-radius:20px;padding:28px;position:relative}.layanan-page .panel-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:8px;display:flex}.layanan-page .panel-title{font-family:var(--serif);letter-spacing:-.014em;font-variation-settings:"opsz" 36;margin:0;font-size:22px;font-weight:500;line-height:1.2}.layanan-page .panel-sub{color:var(--sepia);margin-top:2px;font-size:13px}.layanan-page .panel-chip{background:linear-gradient(135deg, var(--clay) 0%, var(--gold) 100%);color:var(--paper);font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:10px;font-weight:600;box-shadow:0 8px 18px #c9644247}.layanan-page .chart-wrap{margin:22px -8px 0}.layanan-page .chart-svg{width:100%;height:auto;display:block}.layanan-page .chart-grid line{stroke:#2a1f1a14;stroke-dasharray:3 4}.layanan-page .chart-axis{fill:var(--sepia);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;font-size:10px}.layanan-page .chart-yref{fill:var(--sepia);font-family:var(--mono);letter-spacing:.14em;font-size:10px}.layanan-page .chart-line{stroke:var(--clay);stroke-width:2.5px;fill:none;stroke-linecap:round;stroke-linejoin:round}.layanan-page .chart-dot{fill:var(--paper);stroke:var(--clay);stroke-width:2px}.layanan-page .chart-dot-now{fill:var(--clay)}.layanan-page .chart-mile-line{stroke:#2a1f1a2e;stroke-width:1px;stroke-dasharray:2 4}.layanan-page .chart-mile-badge{fill:var(--ink)}.layanan-page .chart-mile-letter{fill:var(--paper);font-family:var(--mono);text-anchor:middle;font-size:11px;font-weight:600}@keyframes lyn-drawline{0%{stroke-dashoffset:1500px}to{stroke-dashoffset:0}}@keyframes lyn-fadein{0%{opacity:0}to{opacity:1}}.layanan-page .chart-line.draw{stroke-dasharray:1500;animation:1.6s cubic-bezier(.4,0,.2,1) forwards lyn-drawline}.layanan-page .chart-area-anim{opacity:0;animation:1.6s forwards lyn-fadein}.layanan-page .chart-dot-anim{opacity:0;animation:.6s forwards lyn-fadein}.layanan-page .mile-strip{border-top:1px dashed var(--line);grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px;padding-top:22px;display:grid}@media (max-width:640px){.layanan-page .mile-strip{grid-template-columns:1fr}}.layanan-page .mile-item{align-items:flex-start;gap:12px;display:flex}.layanan-page .mile-letter{background:var(--ink);width:28px;height:28px;color:var(--paper);font-family:var(--mono);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:600;display:grid}.layanan-page .mile-text strong{color:var(--ink);margin-bottom:2px;font-size:13px;font-weight:600;display:block}.layanan-page .mile-text span{color:var(--sepia);font-size:12px;line-height:1.5}.layanan-page .journey-side{flex-direction:column;gap:16px;display:flex}.layanan-page .widget{background:var(--paper);border:1px solid var(--line);box-shadow:var(--card-shadow-sm);border-radius:18px;padding:22px}.layanan-page .widget-head{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--sepia);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:10px;display:flex}.layanan-page .widget-big{font-family:var(--serif);letter-spacing:-.02em;font-variation-settings:"opsz" 80;color:var(--ink);font-size:48px;font-weight:500;line-height:1}.layanan-page .widget-big.clay{color:var(--clay)}.layanan-page .widget-big small{color:var(--clay);margin-left:2px;font-size:22px;font-style:italic}.layanan-page .widget-note{color:var(--sepia);margin-top:8px;font-size:13px}.layanan-page .widget-arrow-up{border-left:6px solid #0000;border-right:6px solid #0000;border-bottom:9px solid var(--live);vertical-align:middle;width:0;height:0;margin-right:6px;display:inline-block}.layanan-page .widget-arrow-down{border-left:6px solid #0000;border-right:6px solid #0000;border-top:9px solid var(--live);vertical-align:middle;width:0;height:0;margin-right:6px;display:inline-block}.layanan-page .log{flex-direction:column;display:flex}.layanan-page .log-item{border-bottom:1px dashed var(--line);align-items:flex-start;gap:12px;padding:12px 0;display:flex}.layanan-page .log-item:last-child{border-bottom:0;padding-bottom:0}.layanan-page .log-item:first-child{padding-top:4px}.layanan-page .log-time{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--clay);flex:none;min-width:32px;padding-top:2px;font-size:10px;font-weight:600}.layanan-page .log-text{color:var(--ink);font-size:13px;line-height:1.45}.layanan-page .log-text small{color:var(--sepia);font-size:11px;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-top:2px;display:block}.layanan-page .funnel{flex-direction:column;gap:8px;display:flex}.layanan-page .funnel-row{align-items:center;gap:12px;font-size:13px;display:flex}.layanan-page .funnel-bar{background:var(--cream2);border-radius:6px;flex:1;height:18px;position:relative;overflow:hidden}.layanan-page .funnel-bar>div{background:linear-gradient(90deg, var(--clay), var(--goldSoft));border-radius:6px;height:100%}.layanan-page .funnel-num{font-family:var(--mono);color:var(--ink);text-align:right;min-width:54px;font-size:11px;font-weight:600}.layanan-page .row{align-items:center;gap:12px;display:flex}.layanan-page .col{flex-direction:column;gap:4px;display:flex}@media (max-width:680px){.layanan-page .hero-side-extra{display:none}}