/* AWORA Core — gaya bersama halaman AWORA (hanya berlaku di dalam <div id="awc">) */
/* ===== AWORA page base (scoped to #awc) ===== */
#awc :is(button,[type=button],[type=submit]):where(:not(.awp *)),#awc :is(button,[type=button],[type=submit]):where(:not(.awp *)):where(:hover,:focus,:active){background-color:transparent;background-image:none;color:inherit;border:0;border-radius:0;padding:0;margin:0;font:inherit;line-height:inherit;letter-spacing:inherit;text-transform:none;white-space:normal;box-shadow:none;text-decoration:none;min-height:0}
#awc{--n9:#081430;--n8:#0B1A3D;--n7:#122552;--deep:#3857A7;--blue:#3A71B8;--blue2:#5C93DA;--sky:#A9C8EE;--ice:#EAF1FB;--mist:#F4F7FC;--paper:#fff;--ink:#14203A;--ink2:#2B3650;--muted:#5B6478;--line:#E3E9F2;--on:#E6EEFA;--on2:#9DB0D0;--amber:#F5A524;--amber2:#F09A12;--green:#1E8E3E;
 --ease:cubic-bezier(.22,.61,.36,1);--sh1:0 1px 2px rgba(60,64,67,.15),0 2px 6px 2px rgba(60,64,67,.08);--sh2:0 4px 8px 3px rgba(60,64,67,.12),0 1px 3px rgba(60,64,67,.2);
 --f:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
 font-family:var(--f);font-size:16px;font-weight:400;line-height:1.65;color:var(--ink);background:var(--mist);text-transform:none;-webkit-font-smoothing:antialiased;overflow-x:clip}
#awc [hidden]{display:none!important}
#awc *,#awc *::before,#awc *::after{box-sizing:border-box}
/* tipografi & link dikunci agar tidak kalah oleh Global Font Elementor / warna link tema */
#awc,#awc :is(h1,h2,h3,h4,h5,h6,p,a,li,span,small,b,strong,em,dt,dd,label,input,textarea,button,figcaption,blockquote,cite,div){font-family:var(--f)}
#awc :is(p,li,dd,small,figcaption){font-weight:inherit;text-transform:none;letter-spacing:normal}
#awc a,#awc a:is(:hover,:focus,:active,:visited){text-decoration:none;color:inherit}
#awc :is(h1,h2,h3,h4,p,figure,blockquote,dl,dd,ul,ol){margin:0;padding:0}
#awc :is(ul,ol){list-style:none}
#awc :is(h1,h2){text-wrap:balance;font-weight:800;letter-spacing:-.022em;text-transform:none;color:inherit}
#awc h2{font-size:clamp(26px,2.7vw,36px);line-height:1.18}
#awc :is(h3,.h3){display:block;font-size:18px;line-height:1.35;font-weight:700;letter-spacing:-.01em;text-transform:none;color:inherit}
#awc section{scroll-margin-top:92px}
#awc :focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:10px}
#awc svg{display:block}
#awc img{max-width:100%}
#awc .w{max-width:1280px;margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
#awc .band{padding-block:clamp(64px,8vw,104px)}
#awc .lead{font-size:17px;line-height:1.7;color:var(--muted);max-width:58ch}
#awc .kick{display:inline-flex;align-self:flex-start;width:max-content;max-width:100%;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:999px;font-size:12.5px;font-weight:700;background:var(--paper);border:1px solid var(--line);color:var(--deep)}
#awc .kick::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue)}
#awc .head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:20px 48px;margin-bottom:44px}
#awc .head h2{max-width:24ch;margin-top:14px}
#awc .head .lead{max-width:46ch}
#awc .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;font-size:15px;font-weight:700;white-space:nowrap;transition:transform .45s var(--ease),box-shadow .45s var(--ease),background .35s var(--ease),border-color .35s var(--ease),color .35s var(--ease)}
#awc .btn svg{width:18px;height:18px;flex:0 0 auto}
#awc .btn:active{transform:scale(.97)}
#awc .btn-amber,#awc .btn-amber:hover{background:linear-gradient(135deg,#F7B23B,var(--amber2));color:#2A1C00!important;box-shadow:0 12px 30px -14px rgba(245,165,36,.75)}
#awc .btn-amber:hover{transform:translateY(-2px);box-shadow:0 18px 34px -14px rgba(245,165,36,.85)}
#awc .btn-glass,#awc .btn-glass:hover{background:rgba(255,255,255,.06);border:1px solid rgba(169,200,238,.28);color:#fff!important}
#awc .btn-glass:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}
#awc .btn-navy,#awc .btn-navy:hover{background:var(--n8);color:#fff!important}
#awc .btn-navy:hover{background:var(--deep);transform:translateY(-2px)}
#awc .btn-line,#awc .btn-line:hover{border:1.5px solid var(--line);color:var(--ink)!important;background:var(--paper)}
#awc .btn-line:hover{border-color:var(--blue);color:var(--deep)!important;transform:translateY(-2px)}
#awc .lnk,#awc .lnk:hover{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--deep)!important}
#awc .lnk svg{width:16px;height:16px;transition:transform .4s var(--ease)}
#awc .lnk:hover svg{transform:translateX(4px)}
#awc.js .rv{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
#awc.js .rv.in{opacity:1;transform:none}
#awc .ic{width:44px;height:44px;flex:0 0 44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--ice),#D8E5F7);color:var(--deep);transition:background .4s var(--ease),color .4s var(--ease)}
#awc .ic svg{width:22px;height:22px}
#awc .card{position:relative;border-radius:22px;background:var(--paper);border:1px solid var(--line);padding:26px;transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .5s var(--ease)}
#awc .card:hover{transform:translateY(-4px);border-color:#C9D7EC;box-shadow:0 30px 60px -40px rgba(11,26,61,.5)}
#awc .card:hover .ic{background:var(--deep);color:#fff}
#awc .card p{margin-top:8px;font-size:14.5px;color:var(--muted)}

/* HERO (dark) */
#awc .hero{position:relative;overflow:hidden;color:var(--on);background:radial-gradient(60% 70% at 78% 30%,rgba(58,113,184,.55),transparent 70%),radial-gradient(40% 50% at 8% 100%,rgba(56,87,167,.45),transparent 70%),linear-gradient(180deg,var(--n9),var(--n8) 60%,var(--n7))}
#awc .hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(169,200,238,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(169,200,238,.07) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(70% 80% at 60% 30%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(70% 80% at 60% 30%,#000 30%,transparent 80%);pointer-events:none}
#awc .hero>.w{position:relative}
#awc .crumb{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--on2)}
#awc .crumb a{transition:color .35s var(--ease)}#awc .crumb a:hover{color:#fff}
#awc .crumb span{opacity:.5}
#awc .hero h1{margin-top:22px;font-size:clamp(32px,4vw,52px);line-height:1.1;color:#fff}
#awc .hero h1 em{font-style:normal;background:linear-gradient(90deg,#fff,#BFD6F5 55%,#8FB7EA);-webkit-background-clip:text;background-clip:text;color:transparent}
#awc .hero .lead{color:var(--on2);margin-top:18px;max-width:54ch}
#awc .acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
#awc .stats{display:flex;flex-wrap:wrap;gap:14px 34px;margin-top:36px;padding-top:24px;border-top:1px solid rgba(169,200,238,.16)}
#awc .stats b{display:block;font-size:24px;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.2}
#awc .stats span{font-size:12.5px;color:var(--on2)}

/* dark band */
#awc .dark{position:relative;overflow:hidden;color:var(--on);background:radial-gradient(50% 80% at 100% 0%,rgba(58,113,184,.45),transparent 70%),linear-gradient(180deg,var(--n8),var(--n9))}
#awc .dark .kick{background:rgba(255,255,255,.06);border-color:rgba(169,200,238,.2);color:var(--sky)}
#awc .dark h2{color:#fff}#awc .dark .lead{color:var(--on2)}

/* FAQ accordion */
#awc .qa{display:grid;gap:10px}
#awc .qi{border-radius:18px;background:var(--paper);border:1px solid var(--line);transition:border-color .45s var(--ease),box-shadow .45s var(--ease)}
#awc .qi.open{border-color:#C9D7EC;box-shadow:0 20px 40px -30px rgba(11,26,61,.4)}
#awc .qi>button{display:flex;width:100%;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;font-size:16px;font-weight:700;text-align:left;color:var(--ink);cursor:pointer}
#awc .qi>button i{width:30px;height:30px;flex:0 0 30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ice);color:var(--deep);transition:transform .5s var(--ease),background .4s var(--ease),color .4s var(--ease)}
#awc .qi>button i svg{width:14px;height:14px}
#awc .qi.open>button i{transform:rotate(135deg);background:var(--n8);color:#fff}
#awc .qa-b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}
#awc .qi.open .qa-b{grid-template-rows:1fr}
#awc .qa-b>div{overflow:hidden;min-height:0}
#awc .qa-b p{padding:0 22px 22px;color:var(--muted);font-size:15px;opacity:0;transform:translateY(-6px);transition:opacity .4s var(--ease),transform .4s var(--ease)}
#awc .qi.open .qa-b p{opacity:1;transform:none;transition-delay:.1s}

/* CTA */
#awc .ctaw{padding-bottom:clamp(72px,8vw,104px)}
#awc .cta{position:relative;overflow:hidden;border-radius:32px;color:var(--on);background:radial-gradient(60% 90% at 50% 120%,rgba(92,147,218,.75),transparent 70%),radial-gradient(40% 60% at 100% 0%,rgba(58,113,184,.5),transparent 70%),linear-gradient(170deg,var(--n7),var(--n9));padding:clamp(48px,6vw,80px) clamp(22px,5vw,72px);text-align:center}
#awc .cta::before{content:"";position:absolute;left:50%;bottom:-300px;transform:translateX(-50%);width:720px;height:620px;border-radius:999px 999px 0 0;border:1px solid rgba(169,200,238,.16);pointer-events:none}
#awc .cta h2{position:relative;color:#fff;font-size:clamp(28px,3.2vw,42px);max-width:22ch;margin:0 auto}
#awc .cta .lead{position:relative;color:var(--on2);margin:16px auto 0}
#awc .cta .acts{position:relative;justify-content:center}
#awc .ok{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-top:24px;font-size:14px}
#awc .ok li{display:flex;align-items:center;gap:8px}
#awc .ok svg{width:18px;height:18px;color:var(--amber)}

/* logo klien */
#awc .cl-g{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
#awc .cl-g li{position:relative;height:112px;border-radius:18px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:14px;overflow:hidden;transition:border-color .45s var(--ease),box-shadow .45s var(--ease),transform .45s var(--ease)}
#awc .cl-g li::before{content:attr(data-n);font-size:14px;font-weight:800;color:#8A97AD;text-align:center;line-height:1.25}
#awc .cl-g li.ok::before{content:none}
#awc .cl-g img{display:block;max-width:88%;max-height:60px;width:auto;height:auto;object-fit:contain;transition:transform .5s var(--ease)}
#awc .cl-g li.sq img{max-height:84px;max-width:64%}
#awc .cl-g li:not(.ok) img{position:absolute;opacity:0}
#awc .cl-g li:hover{border-color:#C9D7EC;box-shadow:0 18px 36px -26px rgba(11,26,61,.45);transform:translateY(-3px)}
#awc .cl-g li:hover img{transform:scale(1.05)}

/* testimoni */
#awc .tq{display:flex;gap:16px;width:max-content;animation:awmq 70s linear infinite}
#awc .tq:hover{animation-play-state:paused}
@keyframes awmq{to{transform:translateX(-50%)}}
#awc .tc{width:360px;flex:0 0 auto;padding:24px;border-radius:22px;background:var(--mist);border:1px solid var(--line);display:flex;flex-direction:column;gap:16px;transition:background .4s var(--ease),box-shadow .4s var(--ease)}
#awc .tc:hover{background:#fff;box-shadow:var(--sh2)}
#awc .tc p{font-size:15px;line-height:1.65;color:var(--ink2)}
#awc .tc .who{display:flex;align-items:center;gap:12px;margin-top:auto}
#awc .tc .av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--blue),var(--deep))}
#awc .tc b{display:block;font-size:14px}#awc .tc small{display:block;font-size:12.5px;color:var(--muted)}
#awc .tc .st{color:#FBBC04;letter-spacing:2px;font-size:13px}

@media (max-width:1100px){#awc .cl-g{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:640px){
 #awc .acts .btn{width:100%}
 #awc .head{margin-bottom:30px}
 #awc .cta{border-radius:24px}
 #awc .card{padding:22px}
 #awc .stats{gap:14px 24px}
 #awc .cl-g{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 #awc .cl-g li{height:84px;padding:10px;border-radius:14px}
 #awc .cl-g li::before{font-size:12px}
 #awc .cl-g img{max-height:42px;max-width:92%}
 #awc .cl-g li.sq img{max-height:62px;max-width:74%}
 #awc .tc{width:300px}
 #awc .qi>button{padding:18px;font-size:15.5px}#awc .qa-b p{padding:0 18px 18px}
}
@media (prefers-reduced-motion:reduce){#awc *{animation:none!important;transition:none!important}#awc.js .rv{opacity:1;transform:none}#awc .tq{flex-wrap:wrap;width:auto}}