/* ===== v15: hero premium yang tenang + motion halus ===== */
.hero{padding:96px 0 72px;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;top:-200px;right:-140px;width:680px;height:680px;background:radial-gradient(circle,rgba(62,98,240,.10),transparent 65%);pointer-events:none}
.hero-grid{grid-template-columns:1fr;gap:0;max-width:840px;position:relative}
.hero-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.55}
.hl{animation:hlDrift 46s ease-in-out infinite}
.hl2{animation-duration:61s;animation-delay:-12s}
.hl3{animation-duration:74s;animation-delay:-27s}
@keyframes hlDrift{0%,100%{transform:translateX(0)}50%{transform:translateX(26px)}}
body::after{content:'';position:fixed;inset:0;z-index:2000;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='160' height='160' filter='url(%23n)' opacity='0.55'/></svg>")}
.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg2)}
.ts-row{display:flex;justify-content:space-between;gap:18px;padding-top:18px;padding-bottom:18px;flex-wrap:wrap}
.ti{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt2);display:flex;gap:8px;align-items:baseline;white-space:nowrap}
.ti b{color:var(--txt);font-size:15px;font-variant-numeric:tabular-nums}
@media(max-width:560px){.ts-row{gap:12px 20px}.hero{padding:56px 0 44px}}
[data-rv]{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}
[data-rv].in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.hl{animation:none!important}[data-rv]{opacity:1;transform:none;transition:none}}