:root{--bg: #0b1020;--bg-2: #0f172a;--surface: #ffffff;--soft: #f1f5f9;--ink: #0f172a;--muted: #475569;--line: #e2e8f0;--brand: #3b82f6;--brand-2: #06b6d4;--brand-3: #8b5cf6;--accent: #22d3ee;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--radius: 14px;--radius-lg: 22px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .05);--shadow: 0 10px 30px -10px rgba(15, 23, 42, .15);--shadow-lg: 0 25px 60px -20px rgba(15, 23, 42, .25);--container: 1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,h4{color:var(--ink);margin:0 0 .5em;line-height:1.2;letter-spacing:-.01em}h1{font-size:clamp(2.25rem,4vw + 1rem,3.75rem);font-weight:800;letter-spacing:-.025em}h2{font-size:clamp(1.75rem,2vw + 1rem,2.5rem);font-weight:800;letter-spacing:-.02em}h3{font-size:1.25rem;font-weight:700}p{margin:0 0 1em;color:var(--muted)}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 1.25rem}.section{padding:5.5rem 0}.section-tight{padding:3rem 0}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;border-radius:999px;background:#3b82f61a;color:var(--brand);font-size:.8rem;font-weight:600;letter-spacing:.02em;border:1px solid rgba(59,130,246,.2)}.lead{font-size:1.125rem;color:var(--muted);max-width:680px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.4rem;border-radius:12px;font-weight:600;font-size:.95rem;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;border:1px solid transparent;cursor:pointer;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-3) 100%);color:#fff;box-shadow:0 8px 24px -8px #3b82f68c}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px -8px #3b82f6a6}.btn-ghost{background:#ffffff14;color:#fff;border-color:#ffffff26;backdrop-filter:blur(8px)}.btn-ghost:hover{background:#ffffff26}.btn-light{background:#fff;color:var(--ink);border-color:var(--line)}.btn-light:hover{border-color:var(--brand);color:var(--brand)}.btn-lg{padding:1rem 1.6rem;font-size:1rem}.site-header{position:sticky;top:0;z-index:50;background:#ffffffd1;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;height:72px}.brand{display:flex;align-items:center;gap:.55rem;font-weight:800;font-size:1.15rem;letter-spacing:-.01em}.brand-mark{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-3) 100%);display:grid;place-items:center;color:#fff;font-weight:800;font-size:.95rem;box-shadow:0 4px 14px -4px #3b82f68c}.nav-links{display:flex;align-items:center;gap:1.75rem}.nav-links a{font-size:.92rem;font-weight:500;color:#334155;transition:color .15s}.nav-links a:hover,.nav-links a.is-active{color:var(--brand)}.nav-cta{display:flex;align-items:center;gap:.5rem}.nav-toggle{display:none;background:none;border:0;padding:.5rem;cursor:pointer}.nav-toggle span{display:block;width:22px;height:2px;background:var(--ink);margin:5px 0;border-radius:2px}@media(max-width:960px){.nav-links{position:absolute;left:0;right:0;top:72px;flex-direction:column;align-items:stretch;padding:1rem 1.25rem;background:#fff;border-bottom:1px solid var(--line);display:none;gap:0}.nav-links.is-open{display:flex}.nav-links a{padding:.85rem 0;border-bottom:1px solid var(--soft)}.nav-toggle{display:block}.nav-cta .btn-light{display:none}}.hero{position:relative;overflow:hidden;background:radial-gradient(1200px 600px at 80% -10%,rgba(139,92,246,.25),transparent 60%),radial-gradient(900px 500px at 0% 30%,rgba(6,182,212,.22),transparent 60%),linear-gradient(180deg,#0b1020,#131a35);color:#fff;padding:6rem 0 7rem}.hero h1{color:#fff}.hero p{color:#cbd5e1;font-size:1.15rem;max-width:620px}.hero .actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}.hero .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:4rem;align-items:center}.hero .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.12);max-width:540px}.hero .stats div strong{display:block;font-size:1.7rem;font-weight:800;color:#fff}.hero .stats div span{color:#94a3b8;font-size:.85rem}@media(max-width:900px){.hero .grid{grid-template-columns:1fr;gap:3rem}}.hero-card{position:relative;background:#fff;color:var(--ink);border-radius:18px;padding:1.25rem 1.25rem 1.5rem;box-shadow:0 30px 80px -20px #00000080;transform:rotate(-1deg)}.hero-card:after{content:"";position:absolute;inset:-10% -8% auto auto;width:60%;height:70%;background:linear-gradient(135deg,var(--brand-2) 0%,var(--brand-3) 100%);filter:blur(60px);opacity:.35;z-index:-1;border-radius:50%}.serp-input{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;background:var(--soft);border-radius:10px;font-size:.9rem;color:var(--muted)}.serp-input:before{content:"🔎"}.serp-row{display:flex;align-items:center;gap:.85rem;padding:.85rem .25rem;border-bottom:1px dashed var(--line)}.serp-rank{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:800;color:#fff;font-size:.9rem}.r-1{background:linear-gradient(135deg,#16a34a,#10b981)}.r-2{background:linear-gradient(135deg,#2563eb,#06b6d4)}.r-3{background:linear-gradient(135deg,#f59e0b,#ef4444)}.r-x{background:linear-gradient(135deg,#64748b,#475569)}.serp-info{flex:1}.serp-info b{display:block;font-size:.92rem;font-weight:600}.serp-info span{font-size:.78rem;color:var(--muted)}.serp-trend{font-size:.82rem;font-weight:600;color:var(--success)}.serp-trend.down{color:var(--danger)}.trust{padding:2.5rem 0 1rem;border-bottom:1px solid var(--line)}.trust p{text-align:center;font-size:.82rem;color:var(--muted);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1.25rem}.trust-grid{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center;align-items:center;opacity:.55;filter:grayscale(1)}.trust-grid span{font-size:1.1rem;font-weight:700;color:var(--muted);letter-spacing:-.01em}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}@media(max-width:900px){.feature-grid{grid-template-columns:1fr}}.feature{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:2rem 1.75rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.feature:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}.feature .ico{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-3) 100%);color:#fff;margin-bottom:1.25rem;font-size:1.4rem;box-shadow:0 8px 18px -8px #3b82f68c}.feature h3{margin-bottom:.5rem}.feature p{font-size:.94rem;margin:0}.section-head{text-align:center;max-width:720px;margin:0 auto 1.5rem}.section-head .lead{margin:0 auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:3rem;counter-reset:step}@media(max-width:900px){.steps{grid-template-columns:1fr}}.step{background:var(--soft);border-radius:var(--radius);padding:2rem 1.75rem;position:relative}.step:before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;top:1.25rem;right:1.25rem;font-weight:800;font-size:1.5rem;color:#3b82f640}.step h3{margin-bottom:.5rem}.step p{margin:0;font-size:.92rem}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem;align-items:stretch}@media(max-width:900px){.pricing-grid{grid-template-columns:1fr}}.plan{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:2rem;display:flex;flex-direction:column;position:relative}.plan-popular{border-color:transparent;box-shadow:0 30px 60px -20px #3b82f659;transform:translateY(-8px);background:linear-gradient(180deg,#fff,#f8fafc);border:2px solid var(--brand)}.plan-popular:before{content:"Paling Populer";position:absolute;top:-14px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--brand) 0%,var(--brand-3) 100%);color:#fff;padding:.35rem 1rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.03em}.plan h3{margin-bottom:.25rem}.plan .desc{font-size:.9rem;color:var(--muted)}.plan .price{font-size:2.5rem;font-weight:800;margin:1rem 0 0;letter-spacing:-.02em}.plan .price small{font-size:.9rem;font-weight:500;color:var(--muted)}.plan ul{list-style:none;padding:1.5rem 0;margin:0 0 1.5rem;border-top:1px solid var(--line)}.plan ul li{padding:.45rem 0;font-size:.94rem;color:#334155;display:flex;align-items:flex-start;gap:.55rem}.plan ul li:before{content:"✓";color:var(--success);font-weight:800;flex-shrink:0}.plan .btn{width:100%;margin-top:auto}.cta-panel{background:linear-gradient(135deg,#0b1020,#1e3a8a);color:#fff;border-radius:var(--radius-lg);padding:4rem 3rem;text-align:center;position:relative;overflow:hidden}.cta-panel:before{content:"";position:absolute;inset:-50% -20% auto auto;width:70%;height:200%;background:radial-gradient(closest-side,rgba(34,211,238,.25),transparent)}.cta-panel h2,.cta-panel p{color:#fff;position:relative}.cta-panel p{color:#cbd5e1;max-width:560px;margin:0 auto 1.5rem}.cta-panel .actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;position:relative}@media(max-width:700px){.cta-panel{padding:2.5rem 1.5rem}}.page-header{background:radial-gradient(800px 400px at 100% 0%,rgba(139,92,246,.15),transparent 60%),radial-gradient(700px 300px at 0% 0%,rgba(6,182,212,.12),transparent 60%),linear-gradient(180deg,#f8fafc,#fff);padding:4.5rem 0 3rem;border-bottom:1px solid var(--line);text-align:center}.page-header .eyebrow{margin-bottom:1rem}.page-header h1{font-size:clamp(2rem,3vw + 1rem,3rem)}.page-header p{max-width:640px;margin:1rem auto 0}.prose{max-width:760px;margin:0 auto}.prose h2{margin:2.25rem 0 .75rem;font-size:1.4rem}.prose h3{margin:1.75rem 0 .5rem;font-size:1.1rem}.prose p,.prose li{color:#334155}.prose ul,.prose ol{padding-left:1.25rem}.prose ul li,.prose ol li{padding:.25rem 0}.site-footer{background:#0b1020;color:#cbd5e1;padding:4rem 0 1.5rem;margin-top:0}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:2.5rem}@media(max-width:800px){.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:500px){.footer-grid{grid-template-columns:1fr}}.site-footer h4{color:#fff;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer ul li{padding:.35rem 0}.site-footer a{color:#94a3b8;font-size:.92rem;transition:color .15s}.site-footer a:hover{color:#fff}.site-footer .brand{color:#fff;margin-bottom:1rem}.site-footer .about p{color:#94a3b8;font-size:.9rem}.footer-bottom{margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;font-size:.85rem;color:#64748b}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}@media(max-width:800px){.contact-grid{grid-template-columns:1fr}}.field{display:block;margin-bottom:1rem}.field label{display:block;font-size:.85rem;font-weight:600;color:var(--ink);margin-bottom:.35rem}.field input,.field textarea,.field select{width:100%;padding:.8rem 1rem;border-radius:10px;border:1px solid var(--line);font:inherit;color:var(--ink);background:#fff;transition:border-color .15s,box-shadow .15s}.field input:focus,.field textarea:focus,.field select:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 4px #3b82f61f}.contact-info dt{font-weight:600;color:var(--ink);margin-top:1rem}.contact-info dd{margin:.25rem 0 0;color:var(--muted)}.bg-soft{background:var(--soft)}.text-center{text-align:center}.mt-2{margin-top:2rem}