.pw-landing{--ink:#171c22;--ink-soft:#39424d;--slate:#5e6b7a;--porcelain:#fafaf7;--sand:#f0ede6;--cobalt:#2b4bdb;--cobalt-deep:#1e37a8;--line:#e3e1da;--radius:14px;--max:1120px}.pw-landing,.pw-landing *{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}.pw-landing{background:var(--porcelain);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;font-size:16px;line-height:1.65}.pw-landing .wrap{max-width:var(--max);margin:0 auto;padding:0 24px}.pw-landing h1,.pw-landing h2,.pw-landing h3{letter-spacing:-.02em;font-family:Inter,sans-serif;font-weight:600;line-height:1.15}.pw-landing a{color:inherit;text-decoration:none}.pw-landing .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--cobalt);margin-bottom:14px;font-size:12px;font-weight:600;display:block}.pw-landing .btn{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:10px;padding:15px 28px;font-size:15px;font-weight:600;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.pw-landing .btn-primary{background:var(--cobalt);color:#fff;box-shadow:0 8px 24px #2b4bdb47}.pw-landing .btn-primary:hover{background:var(--cobalt-deep);transform:translateY(-2px)}.pw-landing .btn-ghost{color:var(--ink);border:1.5px solid var(--line);background:0 0}.pw-landing .btn-ghost:hover{border-color:var(--ink);transform:translateY(-2px)}.pw-landing nav{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#fafaf7db;position:sticky;top:0}.pw-landing .nav-inner{justify-content:space-between;align-items:center;height:68px;display:flex}.pw-landing .logo{font-family:Inter,sans-serif;font-size:20px;font-weight:600}.pw-landing .logo em{color:var(--cobalt);font-style:italic}.pw-landing .nav-links{align-items:center;gap:30px;font-size:14px;font-weight:500;display:flex}.pw-landing .nav-links a:not(.btn):hover{color:var(--cobalt)}.pw-landing .nav-links .btn{padding:10px 20px;font-size:14px}@media (width<=820px){.pw-landing .nav-links a:not(.btn){display:none}}.pw-landing .hero{padding:80px 0 90px;overflow:hidden}.pw-landing .hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;display:grid}@media (width<=900px){.pw-landing .hero-grid{grid-template-columns:1fr;gap:48px}}.pw-landing .hero h1{font-size:clamp(38px,5vw,58px)}.pw-landing .hero h1 em{color:var(--cobalt);font-style:italic}.pw-landing .hero p.lead{color:var(--slate);max-width:480px;margin:22px 0 32px;font-size:17px}.pw-landing .hero-ctas{flex-wrap:wrap;gap:14px;display:flex}.pw-landing .hero-note{color:var(--slate);margin-top:18px;font-size:13px}.pw-landing .hero-note strong{color:var(--ink)}.pw-landing .builder{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden;box-shadow:0 24px 60px #171c221a}.pw-landing .builder-bar{border-bottom:1px solid var(--line);background:var(--sand);align-items:center;gap:8px;padding:12px 16px;display:flex}.pw-landing .dot{background:#d8d4ca;border-radius:50%;width:10px;height:10px}.pw-landing .builder-url{color:var(--slate);border:1px solid var(--line);background:#fff;border-radius:6px;flex:1;margin-left:8px;padding:5px 12px;font-family:monospace;font-size:11px}.pw-landing .builder-body{flex-direction:column;gap:14px;min-height:300px;padding:22px;display:flex}.pw-landing .blk{opacity:0;border-radius:8px;animation:.6s cubic-bezier(.2,.7,.2,1) forwards pwl-rise;transform:translateY(14px)}.pw-landing .blk-nav{background:var(--sand);height:26px;animation-delay:.3s}.pw-landing .blk-hero{background:linear-gradient(120deg, var(--cobalt) 0%, #5f7bff 100%);height:88px;animation-delay:.8s;position:relative}.pw-landing .blk-hero:after{content:"Website Anda";color:#fff;justify-content:center;align-items:center;font-family:Inter,sans-serif;font-size:22px;font-style:italic;display:flex;position:absolute;inset:0}.pw-landing .blk-row{gap:14px;display:flex}.pw-landing .blk-card{background:var(--sand);flex:1;height:64px;animation-delay:1.3s}.pw-landing .blk-card:nth-child(2){animation-delay:1.5s}.pw-landing .blk-card:nth-child(3){animation-delay:1.7s}.pw-landing .blk-cta{background:var(--ink);width:46%;height:34px;animation-delay:2.1s;position:relative}.pw-landing .blk-cta:after{content:"Hubungi Kami →";color:#fff;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex;position:absolute;inset:0}.pw-landing .cursor{pointer-events:none;width:18px;height:18px;animation:4.5s ease-in-out infinite cursormove;position:absolute}@keyframes pwl-rise{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.pw-landing .blk{opacity:1;animation:none;transform:none}}.pw-landing .tick{color:var(--cobalt);font-weight:700}.pw-landing section{padding:96px 0}.pw-landing .sec-head{max-width:560px;margin-bottom:56px}.pw-landing .sec-head h2{font-size:clamp(28px,3.6vw,40px)}.pw-landing .sec-head p{color:var(--slate);margin-top:14px}.pw-landing .value{background:#fff}.pw-landing .value-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=820px){.pw-landing .value-grid{grid-template-columns:1fr}}.pw-landing .value-card{border:1px solid var(--line);border-radius:var(--radius);padding:30px;transition:transform .2s,box-shadow .2s}.pw-landing .value-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #171c2214}.pw-landing .value-card h3{margin-bottom:10px;font-size:21px}.pw-landing .value-card p{color:var(--slate);font-size:14.5px}.pw-landing .value-ic{background:var(--sand);border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:18px;font-size:19px;display:flex}.pw-landing .pricing-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=900px){.pw-landing .pricing-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}}.pw-landing .price-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;padding:34px 30px;display:flex}.pw-landing .price-card.featured{background:var(--ink);color:#fff;border-color:var(--ink);position:relative;box-shadow:0 24px 60px #171c2238}.pw-landing .badge{background:var(--cobalt);color:#fff;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:5px 14px;font-size:11px;font-weight:600;position:absolute;top:-13px;left:30px}.pw-landing .price-card h3{margin-bottom:6px;font-size:20px}.pw-landing .price-for{color:var(--slate);margin-bottom:20px;font-size:13px}.pw-landing .featured .price-for{color:#9aa5b1}.pw-landing .price-num{margin-bottom:4px;font-family:Inter,sans-serif;font-size:32px;font-weight:600}.pw-landing .price-num span{color:var(--slate);font-family:Inter,sans-serif;font-size:14px}.pw-landing .featured .price-num span{color:#9aa5b1}.pw-landing .price-list{flex:1;margin:22px 0 28px;list-style:none}.pw-landing .price-list li{align-items:flex-start;gap:10px;padding:7px 0;font-size:14px;display:flex}.pw-landing .price-list .tick{flex-shrink:0}.pw-landing .price-card .btn{justify-content:center;width:100%}.pw-landing .featured .btn{background:var(--cobalt);color:#fff}.pw-landing .featured .btn:hover{background:#4560e8}.pw-landing .price-note{text-align:center;color:var(--slate);margin-top:28px;font-size:13.5px}.pw-landing .process{background:#fff}.pw-landing .steps{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(4,1fr);gap:0;display:grid;overflow:hidden}@media (width<=900px){.pw-landing .steps{grid-template-columns:1fr 1fr}}@media (width<=560px){.pw-landing .steps{grid-template-columns:1fr}}.pw-landing .step{border-right:1px solid var(--line);background:var(--porcelain);padding:32px 26px}.pw-landing .step:last-child{border-right:none}@media (width<=900px){.pw-landing .step{border-bottom:1px solid var(--line)}}.pw-landing .step-num{color:var(--cobalt);margin-bottom:14px;font-family:Inter,sans-serif;font-size:15px;font-style:italic;display:block}.pw-landing .step h3{margin-bottom:8px;font-size:18px}.pw-landing .step p{color:var(--slate);font-size:13.5px}.pw-landing .step-time{color:var(--ink);margin-top:14px;font-size:12px;font-weight:600}.pw-landing .work-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=760px){.pw-landing .work-grid{grid-template-columns:1fr}}.pw-landing .work-card{border-radius:var(--radius);border:1px solid var(--line);background:#fff;transition:transform .2s;overflow:hidden}.pw-landing .work-card:hover{transform:translateY(-4px)}.pw-landing .work-thumb{aspect-ratio:16/9;background:linear-gradient(135deg, var(--sand), #e4e0d5);color:var(--slate);justify-content:center;align-items:center;font-family:Inter,sans-serif;font-size:13px;font-style:italic;display:flex}.pw-landing .work-info{justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.pw-landing .work-info h3{font-size:17px}.pw-landing .work-info span{color:var(--slate);font-size:12.5px}.pw-landing .commit{background:var(--ink);color:#fff}.pw-landing .commit-head{max-width:560px;margin-bottom:48px}.pw-landing .commit-head span.eyebrow{color:#7c93f2}.pw-landing .commit-head h2{color:#fff}.pw-landing .commit-head p{color:#9aa5b1}.pw-landing .commit-grid{border-radius:var(--radius);background:#ffffff1a;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}@media (width<=820px){.pw-landing .commit-grid{grid-template-columns:1fr}}.pw-landing .commit-item{background:var(--ink);padding:34px 30px}.pw-landing .commit-num{color:var(--cobalt);margin-bottom:16px;font-family:Inter,sans-serif;font-size:15px;font-style:italic;display:block}.pw-landing .commit-item h3{color:#fff;margin-bottom:10px;font-size:19px}.pw-landing .commit-item p{color:#9aa5b1;font-size:14px}.pw-landing details{border-bottom:1px solid var(--line);padding:22px 0}.pw-landing details summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;font-size:16px;font-weight:600;list-style:none;display:flex}.pw-landing details summary::-webkit-details-marker{display:none}.pw-landing details summary:after{content:"+";color:var(--cobalt);font-size:22px;transition:transform .2s}.pw-landing details[open] summary:after{transform:rotate(45deg)}.pw-landing details p{color:var(--slate);max-width:640px;margin-top:12px;font-size:14.5px}.pw-landing .final{text-align:center;background:#fff}.pw-landing .final h2{max-width:640px;margin:0 auto;font-size:clamp(30px,4vw,46px)}.pw-landing .final h2 em{color:var(--cobalt);font-style:italic}.pw-landing .final p{color:var(--slate);max-width:460px;margin:20px auto 34px}.pw-landing footer{border-top:1px solid var(--line);color:var(--slate);padding:36px 0;font-size:13.5px}.pw-landing .foot-inner{flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}.pw-landing a:focus-visible,.pw-landing button:focus-visible,.pw-landing summary:focus-visible{outline:2.5px solid var(--cobalt);outline-offset:3px;border-radius:6px}