@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Libre+Baskerville:wght@400;700&display=swap";:root{--navy:#09182f;--navy2:#102744;--gold:#b99045;--gold2:#e8d4a2;--ink:#172033;--muted:#667085;--paper:#fbfaf7;--line:#e7e0d2;--white:#fff;--shadow:0 24px 70px #09182f24;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:Inter,system-ui,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1160px,100% - 40px);margin:auto}.site-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fbfaf7eb;border-bottom:1px solid #e7e0d2bf;position:sticky;top:0}.nav-wrap{justify-content:space-between;align-items:center;height:112px;display:flex}.brand{align-items:center;gap:18px;display:flex}.brand-mark{border:1.5px solid var(--gold);width:48px;height:48px;color:var(--gold);background:var(--navy);border-radius:50%;place-items:center;display:grid}.brand strong{color:var(--navy);font-family:Libre Baskerville,serif;font-size:22px;line-height:1.2;display:block}.brand small{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:2px;font-size:13px;display:block}nav{align-items:center;gap:30px;font-size:15px;font-weight:600;display:flex}nav a{color:#344054}.nav-cta{background:var(--navy);color:#fff;border-radius:999px;padding:13px 22px}.menu-btn{color:var(--navy);background:0 0;border:0;display:none}.hero{color:#fff;background:linear-gradient(135deg,#07172d 0%,#112a49 56%,#17395e 100%);padding:88px 0 72px;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle at 78% 8%,#e8d4a233,#0000 32%),linear-gradient(90deg,#050e1ef5 0%,#071223e0 48%,#09182f75 100%);position:absolute;inset:0}.hero-grid{grid-template-columns:1.02fr .98fr;align-items:center;gap:48px;display:grid;position:relative}.eyebrow{color:var(--gold2);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.hero h1{text-wrap:balance;max-width:760px;margin:18px 0;font-family:Libre Baskerville,serif;font-size:clamp(36px,5.2vw,64px);line-height:1.12}.hero h1 em{color:var(--gold2);font-style:normal}.hero p{color:#eef4fb;max-width:650px;font-size:18px;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:14px;margin:32px 0;display:flex}.btn{border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;min-height:48px;padding:13px 22px;font-weight:800;display:inline-flex}.btn.primary{color:#102033;background:linear-gradient(135deg,#c7a15a,#f0dca6)}.btn.ghost{color:#fff;border-color:#ffffff47}.trust-row{flex-wrap:wrap;gap:14px;display:flex}.trust-row span{color:#d8e1ec;border:1px solid #ffffff2e;border-radius:999px;padding:10px 14px;font-size:13px}.hero-panel{position:relative}.hero-panel img{object-fit:cover;border-radius:var(--radius);width:100%;height:520px;box-shadow:var(--shadow);border:1px solid #ffffff38}.panel-card{color:var(--navy);background:#fffffff0;border-radius:18px;align-items:center;gap:10px;padding:16px 18px;font-weight:800;display:flex;position:absolute;left:-22px;right:28px;box-shadow:0 16px 46px #0003}.panel-card.top{top:28px}.panel-card.bottom{bottom:28px;left:38px;right:-16px}.section,.why,.process{padding:88px 0}.alt{background:#fff}.section-title{max-width:740px;margin-bottom:36px}.section-title span{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:900}.section-title h2{color:var(--navy);margin:8px 0 12px;font-family:Libre Baskerville,serif;font-size:clamp(30px,4vw,48px);line-height:1.12}.section-title p{color:var(--muted);font-size:17px}.why-grid,.service-grid,.team-grid{gap:18px;display:grid}.why-grid{grid-template-columns:repeat(5,1fr)}.why-item,.service-card,.person,.value-card,.consult-form,.step,.lead-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 12px 36px #1027440f}.why-item{color:var(--navy);padding:20px;font-weight:800}.why-item svg{color:var(--gold);margin-bottom:12px;display:block}.service-grid{grid-template-columns:repeat(3,1fr)}.icon{width:52px;height:52px;color:var(--navy);background:#f4ead3;border-radius:16px;place-items:center;display:grid}.service-card h3,.step h3,.person h3{color:var(--navy);margin:18px 0 8px}.service-card p,.step p,.person p,.about p{color:var(--muted)}.about-grid,.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:42px;display:grid}blockquote{border-left:4px solid var(--gold);color:var(--navy);background:#fff8ea;border-radius:0 16px 16px 0;margin:26px 0 0;padding:22px;font-family:Libre Baskerville,serif}.value-card{padding:32px}.value-card h3{color:var(--navy);margin-top:0;font-family:Libre Baskerville,serif;font-size:28px}.values{gap:14px;margin-top:24px;display:grid}.values div{background:#f8f4eb;border-radius:16px;padding:16px}.values b,.values span{display:block}.values span{color:var(--muted);font-size:14px}.process{background:var(--navy);color:#fff}.process .section-title h2{color:#fff}.steps{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.step{color:#fff;background:#ffffff0f;border-color:#ffffff1f;padding:24px}.step span{color:var(--gold2);font-weight:900}.step h3{color:#fff}.step p{color:#cad5e1}.lead-card{grid-template-columns:220px 1fr;align-items:center;gap:28px;padding:28px;display:grid}.lead-card img{border:2px solid var(--gold);background:#fff;border-radius:50%}.role{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:900}.lead-card h3{color:var(--navy);font-family:Libre Baskerville,serif;font-size:28px;line-height:1.25}.team-grid{grid-template-columns:repeat(5,1fr);margin-top:18px}.person{padding:22px}.person svg{color:var(--gold)}.contact{background:#fff}.contact-list{gap:14px;display:grid}.contact-list a,.contact-list span{border:1px solid var(--line);color:#344054;background:#fbfaf7;border-radius:16px;align-items:flex-start;gap:12px;padding:16px;display:flex}.contact-list svg{color:var(--gold);flex:none;margin-top:3px}.consult-form{gap:14px;padding:28px;display:grid}.consult-form h3{color:var(--navy);margin:0 0 6px;font-family:Libre Baskerville,serif;font-size:28px}input,select,textarea{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #d8d0c1;border-radius:14px;padding:14px 16px}input:focus,select:focus,textarea:focus{border-color:var(--gold);outline:3px solid #b9904538}.consult-form p{color:var(--muted);margin:0;font-size:12px}.consult-form .btn{cursor:pointer;border:0;justify-content:center}footer{color:#cbd5e1;background:#07172d;padding:32px 0}.footer-grid{justify-content:space-between;align-items:center;gap:24px;display:flex}.footer-grid .brand strong{color:#fff}.footer-grid div:last-child{color:var(--gold2);gap:18px;display:flex}@media (width<=900px){.container{width:min(100% - 32px,1160px)}.menu-btn{place-items:center;display:grid}nav{background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;padding:20px;display:none;position:fixed;top:76px;left:0;right:0}nav.open{display:flex}.hero{padding:40px 0 56px}.hero-grid,.about-grid,.contact-grid,.lead-card{grid-template-columns:1fr;gap:32px}.hero-panel img{height:320px}.panel-card,.panel-card.bottom{left:12px;right:12px}.why-grid,.service-grid,.steps,.team-grid{grid-template-columns:1fr}.section,.why,.process{padding:64px 0}.footer-grid{text-align:center;flex-direction:column}.hero h1{letter-spacing:-.02em;font-size:clamp(32px,10.4vw,42px);line-height:1.16}.hero p{font-size:16px;line-height:1.72}.btn{justify-content:center;width:100%}.trust-row span{width:100%;font-size:12px}.hero-actions{margin:24px 0}.eyebrow{letter-spacing:.1em;font-size:11px}}.person{padding:0;overflow:hidden}.person-photo{object-fit:cover;object-position:top center;background:#f4ead3;width:100%;height:210px}.person h3{margin-top:18px;padding:0 18px}.person p{margin-bottom:0;padding:0 18px 20px}.lead-card img{object-fit:contain;width:220px;height:220px;padding:14px}@media (width<=900px){.person-photo{height:320px}.lead-card img{width:180px;height:180px;margin:auto}}.brand-mark.logo-image{background:0 0;border:0;width:108px;height:108px;padding:0;overflow:hidden}.brand-mark.logo-image img{object-fit:contain;width:100%;height:100%;display:block}@media (width<=900px){.nav-wrap{height:92px}.brand{gap:12px}.brand-mark.logo-image{width:82px;height:82px}.brand strong{font-size:17px}.brand small{letter-spacing:.12em;font-size:10px}nav{top:92px}}.service-visual{background:linear-gradient(135deg,#0b1b34,#17395e);border-radius:18px;place-items:center;height:138px;margin-bottom:22px;display:grid;position:relative;overflow:hidden}.service-visual:before{content:"";background:radial-gradient(circle at 72% 24%,#e8d4a261,#0000 32%),linear-gradient(135deg,#ffffff14,#0000);position:absolute;inset:0}.visual-orb{background:#e8d4a214;border:1px solid #e8d4a28c;border-radius:50%;width:104px;height:104px;position:absolute}.visual-icon{width:68px;height:68px;color:var(--navy);background:#fffffff2;border-radius:22px;place-items:center;display:grid;position:relative;box-shadow:0 16px 42px #0000002e}.visual-icon svg{width:34px;height:34px}.service-visual.pidana{background:linear-gradient(135deg,#111827,#374151)}.service-visual.mediasi{background:linear-gradient(135deg,#0f3b35,#2b6658)}.service-visual.opinion{background:linear-gradient(135deg,#3b2f1f,#8a642a)}.service-visual.corporate{background:linear-gradient(135deg,#102744,#2563eb)}.service-visual.retainer{background:linear-gradient(135deg,#1f2937,#6b4f21)}.floating-social{z-index:50;gap:12px;display:grid;position:fixed;bottom:22px;right:22px}.float-btn{color:#fff;border-radius:50%;place-items:center;width:56px;height:56px;transition:transform .18s,box-shadow .18s;display:grid;box-shadow:0 18px 44px #09182f47}.float-btn:hover{transform:translateY(-3px);box-shadow:0 22px 54px #09182f57}.float-btn.instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.float-btn.whatsapp{color:#062b16;background:#25d366}@media (width<=900px){.service-visual{height:128px}.floating-social{bottom:16px;right:16px}.float-btn{width:52px;height:52px}}.service-visual.has-image img{object-fit:cover;object-position:center;filter:saturate(.92)contrast(1.04);width:100%;height:100%;position:absolute;inset:0}.service-visual.has-image:after{content:"";background:linear-gradient(135deg,#09182fb8,#09182f2e);position:absolute;inset:0}.service-visual.has-image .visual-orb,.service-visual.has-image .visual-icon{z-index:1}.service-visual.has-image .visual-icon{background:#fffffff0}.service-visual{border-radius:22px 22px 0 0;height:220px;margin:-28px -28px 24px}.service-visual:before,.service-visual:after,.service-visual .visual-orb,.service-visual .visual-icon{display:none!important}.service-visual.has-image img{filter:saturate(1.02)contrast(1.03);object-fit:cover}.service-card{overflow:hidden}.service-card h3{margin-top:0}@media (width<=900px){.service-visual{height:240px;margin:-28px -28px 24px}}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.service-visual{height:300px}.service-visual.has-image img{object-position:center center}.service-card{padding:28px}.service-card h3{font-size:1.35rem}@media (width<=900px){.service-grid{grid-template-columns:1fr}.service-visual{height:260px}}@media (width>=1200px){.service-visual{height:340px}}.service-visual{background:linear-gradient(135deg,#07172d,#122a49)}.service-visual.has-image img{object-fit:contain;object-position:center center;filter:none;background:linear-gradient(135deg,#07172d,#122a49);padding:12px}.service-visual.has-image{border:1px solid #b9904538}@media (width<=900px){.service-visual.has-image img{padding:10px}}