:root{--bg:#ffffff;--bg-alt:#f8f7f4;--bg-card:rgba(0,0,0,.025);--bg-card-s:rgba(0,0,0,.045);--accent:#b8942e;--accent-l:#d4ad3a;--accent-d:#967a20;--txt:#1a1a1a;--txt2:#5f5f5f;--txt3:#9ca3af;--bdr:rgba(0,0,0,.07);--bdr-h:rgba(0,0,0,.14)}
    *{font-family:'Inter',sans-serif;-webkit-tap-highlight-color:transparent;box-sizing:border-box}
    body{background:var(--bg);color:var(--txt);overflow-x:hidden}
    .abs-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
    .abs-grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.018;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:128px 128px}
    .abs-mesh{position:fixed;inset:0;z-index:0;pointer-events:none;
      background:
        radial-gradient(ellipse 80% 50% at 20% 10%, rgba(184,148,46,.04), transparent 60%),
        radial-gradient(ellipse 60% 60% at 85% 20%, rgba(120,80,220,.025), transparent 55%),
        radial-gradient(ellipse 70% 40% at 50% 90%, rgba(184,148,46,.03), transparent 60%),
        radial-gradient(ellipse 50% 50% at 10% 80%, rgba(74,222,128,.015), transparent 50%),
        linear-gradient(180deg, #ffffff 0%, #faf9f6 50%, #ffffff 100%)}
    .abs-orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(100px);will-change:transform}
    .abs-orb-1{width:500px;height:500px;top:-10%;left:-5%;background:radial-gradient(circle,rgba(184,148,46,.06),transparent 70%);animation:orbFloat1 25s ease-in-out infinite}
    .abs-orb-2{width:400px;height:400px;bottom:10%;right:-8%;background:radial-gradient(circle,rgba(120,80,220,.04),transparent 70%);animation:orbFloat2 30s ease-in-out infinite}
    .abs-orb-3{width:350px;height:350px;top:40%;left:50%;background:radial-gradient(circle,rgba(74,222,128,.03),transparent 70%);animation:orbFloat3 20s ease-in-out infinite}
    .abs-orb-4{width:300px;height:300px;top:70%;left:15%;background:radial-gradient(circle,rgba(96,165,250,.03),transparent 70%);animation:orbFloat1 35s ease-in-out infinite reverse}
    @keyframes orbFloat1{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(40px,-30px) scale(1.05)}50%{transform:translate(-20px,40px) scale(.95)}75%{transform:translate(30px,20px) scale(1.02)}}
    @keyframes orbFloat2{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-50px,30px) scale(1.08)}66%{transform:translate(20px,-40px) scale(.93)}}
    @keyframes orbFloat3{0%,100%{transform:translate(0,0)}50%{transform:translate(-60px,30px)}}
    .abs-lines{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
    .abs-line{position:absolute;height:1px;opacity:.03;background:linear-gradient(90deg,transparent,var(--accent),transparent);transform-origin:left center}
    .abs-line-1{width:120%;top:15%;left:-10%;transform:rotate(-3deg);animation:lineDrift1 40s linear infinite}
    .abs-line-2{width:100%;top:45%;left:0;transform:rotate(2deg);animation:lineDrift2 35s linear infinite}
    .abs-line-3{width:110%;top:72%;left:-5%;transform:rotate(-1.5deg);animation:lineDrift3 45s linear infinite}
    .abs-line-4{width:80%;top:30%;left:10%;transform:rotate(4deg);opacity:.02;background:linear-gradient(90deg,transparent,rgba(96,165,250,.5),transparent);animation:lineDrift2 50s linear infinite reverse}
    .abs-line-5{width:90%;top:60%;left:5%;transform:rotate(-5deg);opacity:.015;background:linear-gradient(90deg,transparent,rgba(168,85,247,.5),transparent);animation:lineDrift1 55s linear infinite}
    @keyframes lineDrift1{0%{transform:rotate(-3deg) translateX(0)}100%{transform:rotate(-3deg) translateX(-20%)}}
    @keyframes lineDrift2{0%{transform:rotate(2deg) translateX(0)}100%{transform:rotate(2deg) translateX(15%)}}
    @keyframes lineDrift3{0%{transform:rotate(-1.5deg) translateX(0)}100%{transform:rotate(-1.5deg) translateX(-12%)}}
    .abs-dots{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.025;
      background-image:radial-gradient(circle,rgba(0,0,0,.25) .5px,transparent .5px);
      background-size:40px 40px}
    .abs-hex{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.015;
      background-image:url("data:image/svg+xml,%3Csvg width='60' height='52' viewBox='0 0 60 52' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L60 15v22L30 52 0 37V15z' fill='none' stroke='%23b8942e' stroke-width='.3'/%3E%3C/svg%3E");
      background-size:60px 52px}
    .abs-shape{position:fixed;pointer-events:none;z-index:0;opacity:.04}
    .abs-tri-1{top:20%;right:15%;width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-bottom:52px solid var(--accent);animation:shapeSpin 60s linear infinite}
    .abs-tri-2{bottom:25%;left:8%;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:35px solid rgba(96,165,250,.7);animation:shapeSpin 45s linear infinite reverse}
    .abs-tri-3{top:55%;right:25%;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:26px solid rgba(168,85,247,.7);animation:shapeFloat 20s ease-in-out infinite}
    @keyframes shapeSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
    @keyframes shapeFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}
    .abs-ring{position:fixed;pointer-events:none;z-index:0;border-radius:50%;border:1px solid}
    .abs-ring-1{width:300px;height:300px;top:10%;left:60%;border-color:rgba(184,148,46,.06);animation:ringPulse 8s ease-in-out infinite}
    .abs-ring-2{width:200px;height:200px;bottom:20%;left:20%;border-color:rgba(96,165,250,.04);animation:ringPulse 10s ease-in-out infinite 2s}
    .abs-ring-3{width:400px;height:400px;top:50%;right:-5%;border-color:rgba(168,85,247,.03);animation:ringPulse 12s ease-in-out infinite 4s}
    @keyframes ringPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.5}}
    .abs-cross{position:fixed;pointer-events:none;z-index:0;opacity:.04}
    .abs-cross::before,.abs-cross::after{content:'';position:absolute;background:var(--accent)}
    .abs-cross::before{width:1px;height:16px;left:50%;top:50%;transform:translate(-50%,-50%)}
    .abs-cross::after{width:16px;height:1px;left:50%;top:50%;transform:translate(-50%,-50%)}
    .abs-cross-1{top:25%;left:12%;animation:crossFade 6s ease-in-out infinite}
    .abs-cross-2{top:65%;right:18%;animation:crossFade 8s ease-in-out infinite 2s}
    .abs-cross-3{bottom:15%;left:45%;animation:crossFade 7s ease-in-out infinite 4s}
    @keyframes crossFade{0%,100%{opacity:.04;transform:scale(1)}50%{opacity:.08;transform:scale(1.3)}}
    .abs-wave{position:fixed;bottom:0;left:0;right:0;height:200px;z-index:0;pointer-events:none;opacity:.02;overflow:hidden}
    .abs-wave svg{position:absolute;bottom:0;width:200%;animation:waveMove 20s linear infinite}
    @keyframes waveMove{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
    .page-abs{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
    .page-abs-glow{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none}
    nav,.bn,.pg,.mo,.md,.dlbg,.lb,.copy-toast,.sp,.fixed,.off-banner,.soc-share,.ref-banner{position:relative;z-index:2}
    .pg{z-index:2}
    ::selection{background:rgba(184,148,46,.2)}
    .goog-te-banner-frame.skiptranslate{display:none!important}body{top:0!important}
    @keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
    @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
    @keyframes breathe{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}
    @keyframes slowZoom{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
    @keyframes scrollX{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
    @keyframes shine{0%{left:-50%}100%{left:150%}}
    @keyframes pulseGlow{0%,100%{box-shadow:0 0 6px rgba(74,222,128,.5)}50%{box-shadow:0 0 14px rgba(74,222,128,.8)}}
    @keyframes pageIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
    @keyframes pcbMove{0%{transform:translate(0,0)}100%{transform:translate(-42px,-42px)}}
    @keyframes logoPulse{0%,100%{filter:drop-shadow(0 0 8px rgba(184,148,46,.2))}50%{filter:drop-shadow(0 0 18px rgba(184,148,46,.4))}}
    @keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
    @keyframes ripple{0%{transform:scale(0);opacity:.5}100%{transform:scale(4);opacity:0}}
    @keyframes scaleIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
    @keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
    @keyframes borderGlow{0%,100%{border-color:rgba(184,148,46,.1)}50%{border-color:rgba(184,148,46,.3)}}
    @keyframes orbitSm{0%{transform:rotate(0deg) translateX(120px) rotate(0deg)}100%{transform:rotate(360deg) translateX(120px) rotate(-360deg)}}
    @keyframes orbitLg{0%{transform:rotate(0deg) translateX(180px) rotate(0deg)}100%{transform:rotate(360deg) translateX(180px) rotate(-360deg)}}
    @keyframes badgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
    @keyframes slideInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}
    @keyframes slideInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}
    @keyframes refGlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
    @keyframes spotPulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}
    .a-su{animation:slideUp 1s cubic-bezier(.16,1,.3,1) forwards;opacity:0}
    .a-fl{animation:float 6s ease-in-out infinite}
    .a-br{animation:breathe 8s ease-in-out infinite}
    .a-sz{animation:slowZoom 20s ease-in-out infinite}
    .a-sx{animation:scrollX 40s linear infinite}
    .a-pg{animation:pulseGlow 2s ease-in-out infinite}
    .a-lp{animation:logoPulse 3s ease-in-out infinite}
    .d1{animation-delay:100ms}.d2{animation-delay:200ms}.d3{animation-delay:300ms}.d5{animation-delay:500ms}.d7{animation-delay:700ms}
    .btn-p{position:relative;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.08);transition:all .3s;background:var(--txt);color:#ffffff;font-weight:700}
    .btn-p:hover{box-shadow:0 4px 20px rgba(0,0,0,.15);transform:scale(1.02)}
    .btn-p:active{transform:scale(.97)}
    .btn-g{position:relative;overflow:hidden;box-shadow:0 2px 16px rgba(184,148,46,.2);transition:all .3s;background:var(--accent);color:#ffffff;font-weight:700}
    .btn-g:hover{box-shadow:0 4px 28px rgba(184,148,46,.35);transform:scale(1.02);background:var(--accent-l)}
    .btn-g:active{transform:scale(.97)}
    .btn-o{position:relative;overflow:hidden;transition:all .3s;background:transparent;color:var(--accent);border:1px solid rgba(184,148,46,.25);font-weight:600}
    .btn-o:hover{background:rgba(184,148,46,.05);border-color:rgba(184,148,46,.45);transform:scale(1.02)}
    .btn-o:active{transform:scale(.97)}
    .btn-p .sh,.btn-g .sh,.btn-o .sh{position:absolute;top:0;left:-50%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.25),transparent);transform:skewX(-20deg);pointer-events:none}
    .btn-p:hover .sh,.btn-g:hover .sh,.btn-o:hover .sh{animation:shine .75s}
    .c3d{transition:transform .15s ease-out;transform-style:preserve-3d;will-change:transform}
    .ch{transition:all .4s cubic-bezier(.4,0,.2,1);background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--bdr)}
    .ch:hover{transform:translateY(-3px);box-shadow:0 8px 32px rgba(184,148,46,.06);border-color:var(--bdr-h)}
    .ch:active{transform:scale(.98)!important}
    .gl{background:linear-gradient(to right,transparent,rgba(184,148,46,.15),transparent);height:1px}
    .mm{mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent)}
    .tg{background:linear-gradient(to right,var(--txt),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
    .gf{filter:blur(120px)}
    .nb{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
    .ho{background:linear-gradient(to top,rgba(255,255,255,.98),rgba(255,255,255,.6),transparent)}
    .hto{background:linear-gradient(to bottom,rgba(255,255,255,.85),transparent)}
    .sn{font-variant-numeric:tabular-nums}
    .pc{position:relative;overflow:hidden;transition:all .45s cubic-bezier(.4,0,.2,1);background:var(--bg-card);backdrop-filter:blur(12px);border:1px solid var(--bdr)}
    .pc::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity .5s}
    .pc:hover::before,.pc:active::before{opacity:1}
    .pc.pop{border-color:rgba(184,148,46,.25);box-shadow:0 8px 48px -12px rgba(184,148,46,.1)}
    .pc.pop::before{opacity:1}
    .pc.pop .pc-bg{background:linear-gradient(135deg,rgba(184,148,46,.04),rgba(184,148,46,.01))}
    .pc-bg{position:absolute;inset:0;pointer-events:none;transition:background .5s}
    .price-tag{position:relative;display:inline-flex;align-items:baseline;gap:2px}
    .price-tag .cur{font-size:.5em;font-weight:400;opacity:.6;margin-right:2px}
    .price-tag .amt{font-weight:800;letter-spacing:-.02em}
    .price-tag .per{font-size:.4em;font-weight:400;opacity:.5;margin-left:4px}
    .feat-item{display:flex;align-items:flex-start;gap:10px;padding:6px 0}
    .feat-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
    .feat-text{font-size:13px;color:var(--txt2);line-height:1.5}
    .feat-text strong{color:var(--txt);font-weight:600}
    .badge-hot{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:999px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(135deg,rgba(184,148,46,.1),rgba(184,148,46,.03));color:var(--accent);border:1px solid rgba(184,148,46,.18);animation:badgePulse 2s ease-in-out infinite}
    .badge-new{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:999px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(135deg,rgba(22,163,74,.08),rgba(22,163,74,.02));color:#16a34a;border:1px solid rgba(22,163,74,.15)}
    .price-divider{height:1px;background:linear-gradient(90deg,transparent,var(--bdr-h),transparent);margin:16px 0}
    .icon-box{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s}
    .icon-box-sm{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
    .icon-box-lg{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
    .copy-toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--txt);color:#ffffff;padding:.6rem 1.5rem;border-radius:9999px;font-size:.75rem;font-weight:600;z-index:999;opacity:0;transition:all .3s;pointer-events:none;white-space:nowrap;box-shadow:0 4px 20px rgba(0,0,0,.15)}
    .copy-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
    .pg{display:none;min-height:100vh}.pg.active{display:block;animation:pageIn .5s cubic-bezier(.16,1,.3,1) forwards}
    .sr{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.sr.v{opacity:1;transform:translateY(0)}.sr.v.si{animation:scaleIn .6s cubic-bezier(.16,1,.3,1) forwards}
    .cg{position:fixed;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(184,148,46,.04),transparent 70%);pointer-events:none;z-index:3;transform:translate(-50%,-50%);transition:opacity .3s}
    .sp{position:fixed;top:0;left:0;height:3px;background:var(--accent);z-index:60;transition:width 50ms linear;border-radius:0 2px 2px 0;box-shadow:0 0 10px rgba(184,148,46,.3)}
    .sb{height:6px;border-radius:3px;background:rgba(0,0,0,.06);overflow:hidden}
    .sf{height:100%;border-radius:3px;width:0;background:linear-gradient(90deg,var(--accent-d),var(--accent-l));transition:width 1.5s cubic-bezier(.16,1,.3,1);position:relative}
    .sf::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite linear;background-size:200% 100%}
    .td{width:8px;height:8px;border-radius:50%;background:rgba(184,148,46,.15);cursor:pointer;transition:all .3s}.td.active{background:var(--accent);width:24px;border-radius:4px}
    .mo{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.3);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .3s}.mo.open{opacity:1;pointer-events:auto}
    .md{position:fixed;top:0;left:0;bottom:0;z-index:45;width:85%;max-width:320px;background:#ffffff;border-right:1px solid var(--bdr);transform:translateX(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1);overflow-y:auto}.md.open{transform:translateX(0)}
    .bn{position:fixed;bottom:0;left:0;right:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(24px);border-top:1px solid var(--bdr);padding-bottom:env(safe-area-inset-bottom)}
    .bni{transition:all .2s}.bni.active .bi{color:var(--accent)!important}.bni.active .bl{color:var(--accent)!important}.bni:active{transform:scale(.9)}
    .ab{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.ab.open{max-height:600px}
    .ab-md{max-height:none!important;overflow:visible!important}
    .aa{transition:transform .3s}.aa.open{transform:rotate(180deg)}
    .ps{position:relative;overflow:hidden}
    .pt{display:flex;gap:16px;transition:transform .5s cubic-bezier(.4,0,.2,1)}
    .pcd{min-width:75vw;max-width:320px;flex-shrink:0;border-radius:16px;overflow:hidden;background:var(--bg-card);backdrop-filter:blur(12px);border:1px solid var(--bdr);transition:all .4s}
    @media(min-width:768px){.pcd{min-width:280px;max-width:300px}}
    .pcd:hover{transform:translateY(-4px);border-color:var(--bdr-h)}
    .pcd img{width:100%;height:160px;object-fit:cover}@media(min-width:768px){.pcd img{height:180px}}
    .pcd h4{margin:12px 14px 4px;font-size:14px;font-weight:600;color:var(--accent)}.pcd p{margin:0 14px 14px;font-size:12px;color:var(--txt2);line-height:1.5}
    .pn{position:absolute;top:50%;transform:translateY(-50%);background:var(--accent);color:#ffffff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:3;transition:all .2s}
    .pn:hover{background:var(--accent-l);transform:translateY(-50%) scale(1.1)}.pn:active{transform:translateY(-50%) scale(.9)}
    .pp{left:8px}.pnn{right:8px}
    .tf{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap}
    .tf img{width:30px;cursor:pointer;border-radius:4px;transition:all .3s;border:2px solid transparent;opacity:.6}
    .tf img:hover{transform:scale(1.15);opacity:1;border-color:rgba(184,148,46,.3)}
    .is{position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(rgba(255,255,255,.92),rgba(248,247,244,.95)),url('https://images.unsplash.com/photo-1518770660439-4636190af475?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat;box-shadow:0 15px 50px rgba(0,0,0,.06);border:1px solid var(--bdr)}
    .ip{position:absolute;inset:0;background-image:linear-gradient(rgba(184,148,46,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(184,148,46,.02) 1px,transparent 1px);background-size:42px 42px;opacity:.5;animation:pcbMove 24s linear infinite}
    .ig{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(184,148,46,.08),transparent 70%);top:-120px;right:-120px;filter:blur(80px);pointer-events:none}
    .ic{padding:24px 18px;border-radius:20px;background:rgba(255,255,255,.7);backdrop-filter:blur(12px);border:1px solid var(--bdr);text-align:center;transition:all .35s}
    .ic:hover{transform:translateY(-6px);border-color:var(--bdr-h);box-shadow:0 8px 28px rgba(184,148,46,.06)}
    .ii{width:72px;height:72px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:linear-gradient(135deg,var(--accent),var(--accent-d));box-shadow:0 4px 20px rgba(184,148,46,.15)}
    .ii img{width:38px;filter:brightness(0) invert(1)}
    .vc{overflow:hidden;border-radius:16px;background:rgba(255,255,255,.6);border:1px solid var(--bdr);backdrop-filter:blur(12px);padding:8px;transition:all .35s}
    .vc:hover{transform:translateY(-4px);border-color:var(--bdr-h)}
    .vc iframe,.vc video{width:100%;height:220px;border:none;border-radius:12px;background:#000}@media(min-width:768px){.vc iframe,.vc video{height:280px}}
    .lb{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}.lb.open{opacity:1;pointer-events:auto}
    .lb img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:12px}
    .lb-x{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:#ffffff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.lb-x:hover{background:rgba(255,255,255,.2)}
    .li{width:36px;height:36px;border-radius:50%;object-fit:cover}
    .lh{width:120px;height:120px;border-radius:50%;object-fit:cover}@media(min-width:768px){.lh{width:160px;height:160px}}
    .ls{width:28px;height:28px;border-radius:50%;object-fit:cover}
    .dlbg{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.4);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .35s;display:flex;align-items:center;justify-content:center;padding:16px}.dlbg.open{opacity:1;pointer-events:auto}
    .dlm{position:relative;width:100%;max-width:780px;max-height:90vh;overflow-y:auto;border-radius:24px;background:linear-gradient(165deg,#ffffff,#faf9f6);border:1px solid rgba(184,148,46,.1);box-shadow:0 0 80px -20px rgba(184,148,46,.06),0 20px 60px -20px rgba(0,0,0,.08);opacity:0;transform:scale(.92) translateY(24px);transition:all .45s cubic-bezier(.16,1,.3,1)}
    .dlbg.open .dlm{opacity:1;transform:scale(1) translateY(0)}
    .dlm::-webkit-scrollbar{width:3px}.dlm::-webkit-scrollbar-thumb{background:rgba(184,148,46,.15);border-radius:3px}
    .dlx{position:absolute;top:16px;right:16px;z-index:10;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.04);border:1px solid var(--bdr);color:var(--txt3);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.dlx:hover{background:rgba(0,0,0,.08);color:var(--txt)}
    .dlg{position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:400px;height:200px;background:radial-gradient(ellipse,rgba(184,148,46,.06),transparent 70%);filter:blur(60px);pointer-events:none}
    .dlo{position:absolute;border-radius:50%;pointer-events:none;opacity:.1}
    .dlo1{width:8px;height:8px;background:var(--accent);animation:orbitSm 20s linear infinite;top:50%;left:50%}@media(min-width:768px){.dlo1{animation:orbitLg 25s linear infinite}}
    .dlc{position:relative;overflow:hidden;border-radius:20px;background:rgba(0,0,0,.02);backdrop-filter:blur(8px);border:1px solid var(--bdr);padding:24px 20px;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1)}
    .dlc:hover{transform:translateY(-6px);border-color:rgba(184,148,46,.25);box-shadow:0 8px 32px -8px rgba(184,148,46,.06);animation:borderGlow 2s ease infinite}
    .dlc:active{transform:scale(.97)}
    .dlc .dlr{position:absolute;border-radius:50%;background:rgba(184,148,46,.12);animation:ripple .6s ease-out forwards;pointer-events:none}
    .dli{width:64px;height:64px;margin:0 auto 14px;border-radius:18px;display:flex;align-items:center;justify-content:center;transition:all .4s;position:relative;overflow:hidden}
    .dlc:hover .dli{transform:scale(1.08)}
    .dli::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.5),transparent);pointer-events:none}
    .dlct{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;font-size:10px;font-semibold;letter-spacing:.05em}
    .dlb{position:absolute;top:12px;right:12px;padding:3px 10px;border-radius:999px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;animation:breathe 3s ease-in-out infinite}
    .dlsp{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:11px;background:rgba(0,0,0,.03);border:1px solid var(--bdr)}
    .dldb{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:10px;padding:14px 32px;border-radius:16px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;transition:all .35s;background:linear-gradient(135deg,var(--accent),var(--accent-d));color:#ffffff;box-shadow:0 2px 20px rgba(184,148,46,.15)}
    .dldb:hover{transform:translateY(-2px);box-shadow:0 4px 32px rgba(184,148,46,.3);background:linear-gradient(135deg,var(--accent-l),var(--accent))}
    .dldb:active{transform:scale(.97)}
    .dldb .sh{position:absolute;top:0;left:-50%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);transform:skewX(-20deg);pointer-events:none}
    .dldb:hover .sh{animation:shine .75s}
    .dlhs{position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(160deg,rgba(255,255,255,.95),rgba(248,247,244,.98));border:1px solid rgba(184,148,46,.08);box-shadow:0 4px 30px rgba(0,0,0,.04)}
    .dlhp{position:absolute;inset:0;background-image:linear-gradient(rgba(184,148,46,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(184,148,46,.015) 1px,transparent 1px);background-size:32px 32px;opacity:.5;animation:pcbMove 30s linear infinite}
    .dlhg{position:absolute;width:300px;height:300px;top:-100px;right:-50px;background:radial-gradient(circle,rgba(184,148,46,.05),transparent 70%);filter:blur(60px);pointer-events:none}
    .map-wrap{border-radius:20px;overflow:hidden;border:1px solid var(--bdr);box-shadow:0 8px 40px rgba(0,0,0,.06)}
    .map-wrap iframe{width:100%;height:280px;border:none;display:block}
    @media(min-width:768px){.map-wrap iframe{height:400px}}
    ::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(184,148,46,.15);border-radius:4px}
    @media(max-width:767px){.ht{font-size:2rem!important;line-height:1!important}.hs{font-size:.85rem!important}.is,.dlhs{border-radius:16px}.cg,.sp{display:none!important}.feat-text{font-size:12px}.abs-orb{filter:blur(60px)}.abs-orb-1{width:300px;height:300px}.abs-orb-2{width:250px;height:250px}.abs-orb-3{width:200px;height:200px}.abs-orb-4{width:180px;height:180px}.abs-ring{display:none}.abs-tri-1,.abs-tri-2,.abs-tri-3{display:none}.soc-share{display:none!important}.comp-tbl{font-size:11px}.comp-tbl th,.comp-tbl td{padding:6px 8px}}
    @media(min-width:769px){.bn{display:none!important}.md,.mo{display:none!important}}
	

  /* Sosial media — warna brand saat hover */
  .soc-fb:hover{background:#1877f2!important;border-color:#1877f2!important;color:#fff!important}
  .soc-ig:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)!important;border-color:transparent!important;color:#fff!important}
  .soc-yt:hover{background:#ff0000!important;border-color:#ff0000!important;color:#fff!important}
  .soc-tt:hover{background:#010101!important;border-color:#010101!important;color:#fff!important}
  .soc-tg:hover{background:#0088cc!important;border-color:#0088cc!important;color:#fff!important}
  /* Nav link hover */
  .flink:hover .ftxt{color:var(--txt);transform:translateX(4px)}
  .flink:hover .farrow{opacity:1;transform:translateX(0)}
  /* Program dot hover */
  .plink:hover .pdot{transform:scale(1.8)}
  .plink:hover .ptxt{transform:translateX(4px);color:var(--txt)}
  /* WA CTA */
  .wa-cta{background:rgba(22,163,74,.06);color:#16a34a;border:1px solid rgba(22,163,74,.12);transition:all .25s ease}
  .wa-cta:hover{background:#16a34a;color:#fff;border-color:#16a34a;box-shadow:0 8px 24px -6px rgba(22,163,74,.35)}
  /* Bottom link */
  .blink:hover{color:var(--txt)!important;text-decoration:underline}
  /* Back to top arrow */
  .btt:hover .btt-arrow{transform:translateY(-3px)}