:root{--bg:#06090f;--panel:#0c111b;--panel2:#111827;--text:#f8fafc;--muted:#aab6c8;--line:rgba(255,255,255,.12);--shadow:0 28px 80px rgba(0,0,0,.45)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;overflow-x:hidden}.site-bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 10% 8%,color-mix(in srgb,var(--brand) 22%,transparent),transparent 28%),radial-gradient(circle at 92% 20%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 26%),linear-gradient(180deg,#05070a,#070b12 55%,#05070a)}.site-bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 85%)}.site-bg span{position:absolute;width:360px;height:360px;border-radius:50%;filter:blur(80px);opacity:.35}.site-bg span:nth-child(1){left:-120px;top:180px;background:var(--brand)}.site-bg span:nth-child(2){right:-140px;top:80px;background:var(--accent)}a{color:inherit}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px clamp(18px,5vw,70px);background:rgba(5,7,10,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;text-decoration:none}.brand img{width:58px;height:58px;object-fit:contain;border-radius:16px;background:white;padding:4px}.brand b{display:block;font-size:24px;letter-spacing:-.04em}.brand small{display:block;color:var(--muted);font-weight:650;margin-top:2px}.nav{display:flex;align-items:center;gap:10px}.nav a{text-decoration:none;color:#d7deea;font-weight:850;font-size:14px;padding:12px 16px;border-radius:999px}.nav a.active{background:rgba(255,255,255,.12);color:white}.nav a:hover{background:rgba(255,255,255,.08);color:white}.nav-cta{background:linear-gradient(135deg,var(--brand),#8fe6ff 48%,#e64ca7)!important;color:#051018!important;box-shadow:0 10px 30px color-mix(in srgb,var(--brand) 24%,transparent)}.nav-toggle{display:none;background:#111827;color:white;border:1px solid var(--line);border-radius:12px;padding:10px 12px}.home,.page-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:56px 0 70px}.hero{min-height:calc(100vh - 96px);display:grid;grid-template-columns:1.04fr .96fr;gap:38px;align-items:center;padding:36px 0}.eyebrow,.section-title span,.page-hero span,.cta span,.product-card span,.gallery-card span,.cat{display:inline-flex;align-items:center;width:max-content;border:1px solid color-mix(in srgb,var(--brand) 45%,transparent);border-radius:999px;padding:7px 12px;background:color-mix(in srgb,var(--brand) 13%,transparent);color:var(--brand);font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.04em}.hero h1{font-size:clamp(42px,7vw,86px);line-height:.94;margin:20px 0 20px;letter-spacing:-.07em}.hero p{font-size:clamp(17px,2vw,21px);line-height:1.7;color:#c9d4e5;max-width:760px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:15px 22px;text-decoration:none;font-weight:950;border:1px solid var(--line)}.btn.primary{background:linear-gradient(135deg,var(--brand),var(--accent));color:#061018;border:0;box-shadow:0 16px 40px color-mix(in srgb,var(--brand) 20%,transparent)}.btn.ghost{background:rgba(255,255,255,.06);color:white}.trust-line{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.trust-line b{border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.045);color:#dce7f8}.hero-note{display:block;margin-top:18px;color:#9fb1c8;line-height:1.6}.hero-visual{position:relative;border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02));box-shadow:var(--shadow);min-height:450px}.hero-visual img{width:100%;height:100%;min-height:450px;display:block;object-fit:cover}.hero-mini{position:absolute;left:22px;right:22px;bottom:22px;border:1px solid var(--line);border-radius:22px;padding:18px;background:rgba(5,8,13,.74);backdrop-filter:blur(16px)}.hero-mini b{display:block;font-size:22px}.hero-mini span{color:#ccd6e6}.section{padding:64px 0}.section-title{margin-bottom:24px}.section-title h2,.page-hero h1,.cta h2{font-size:clamp(34px,4vw,58px);line-height:1.02;margin:14px 0 12px;letter-spacing:-.06em}.section-title p,.page-hero p,.cta p{color:#b9c6d8;line-height:1.75;font-size:17px;max-width:780px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card,.service-card,.gallery-card,.blog-card,.about-card,.cta,.page-hero,.support-hero{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:0 22px 70px rgba(0,0,0,.24);overflow:hidden}.product-card{display:flex;flex-direction:column}.product-card img{width:100%;height:260px;object-fit:cover;display:block;background:#111827}.product-card div{padding:20px}.product-card h3,.service-card h3,.gallery-card h3,.blog-card h2{font-size:24px;line-height:1.12;margin:12px 0 10px;letter-spacing:-.04em}.product-card p,.service-card p,.gallery-card p,.blog-card p{color:#b7c2d3;line-height:1.65}.product-card b,.service-card b{display:block;color:var(--accent);margin:14px 0 8px}.product-card a,.service-card a{color:var(--brand);text-decoration:none;font-weight:950}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{padding:28px;position:relative}.svc-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:20px;background:color-mix(in srgb,var(--brand) 12%,rgba(255,255,255,.04));border:1px solid color-mix(in srgb,var(--brand) 35%,transparent);font-size:28px}.about-card{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;padding:32px}.about-text{color:#c2ccdb;line-height:1.75}.about-card ul{margin:0;padding:0;list-style:none;display:grid;gap:12px}.about-card li{padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.045)}.about-card li:before{content:"✓";color:var(--third);font-weight:950;margin-right:10px}.cta{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:34px;margin-top:30px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 12%,rgba(255,255,255,.06)),color-mix(in srgb,var(--accent) 13%,rgba(255,255,255,.03)))}.page-hero,.support-hero{padding:44px;margin:20px 0 26px}.blog-toolbar form{display:flex;gap:12px;margin-bottom:24px}.blog-toolbar input{flex:1;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.06);color:white;padding:16px}.blog-toolbar button{border:0;border-radius:18px;padding:0 22px;background:linear-gradient(135deg,var(--brand),var(--accent));font-weight:950;color:#061018}.blog-grid,.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.blog-card .media img,.gallery-card img{width:100%;height:230px;object-fit:cover;display:block;background:#111827}.blog-card .body,.gallery-card div{padding:20px}.meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#9fb1c8;font-size:13px}.blog-card details{margin-top:12px}.blog-card summary{cursor:pointer;color:var(--brand);font-weight:950}.article-content{margin-top:14px;color:#d9e4f5;line-height:1.75;border-top:1px solid var(--line);padding-top:14px}.footer{border-top:1px solid var(--line);padding:26px clamp(18px,5vw,70px);color:#aab6c8;background:rgba(3,5,8,.7)}.footer p{margin:.3rem 0}.wa-float{position:fixed;z-index:30;bottom:24px;display:flex;align-items:center;gap:12px;text-decoration:none;border-radius:999px;padding:12px 18px;background:linear-gradient(135deg,#25d366,#4ff6a4);color:#04130b;box-shadow:0 18px 55px rgba(37,211,102,.35);font-weight:950}.wa-float img{width:34px;height:34px;object-fit:contain}.wa-float i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:white;color:#25d366;font-style:normal}.wa-float small{display:block;font-size:12px;color:#063516}.wa-float b{display:block}.to-top{position:fixed;right:24px;bottom:30px;z-index:25;width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:rgba(10,16,28,.8);color:var(--brand);font-size:24px;opacity:0;pointer-events:none}.to-top.visible{opacity:1;pointer-events:auto}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease, transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.show{opacity:1;transform:none}body[data-wa-position="left"] .wa-float{left:24px}body[data-wa-position="right"] .wa-float{right:24px}body[data-wa-anim="pulse-ring"] .wa-float:before{content:"";position:absolute;inset:-8px;border-radius:999px;border:2px solid rgba(37,211,102,.42);animation:pulse 1.7s infinite}@keyframes pulse{0%{transform:scale(.9);opacity:.8}100%{transform:scale(1.25);opacity:0}}@media(max-width:980px){.hero{grid-template-columns:1fr;min-height:auto}.product-grid,.service-grid,.blog-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}.about-card{grid-template-columns:1fr}.nav-toggle{display:block}.nav{position:absolute;top:100%;left:18px;right:18px;display:none;flex-direction:column;align-items:stretch;background:rgba(5,7,10,.96);border:1px solid var(--line);border-radius:22px;padding:12px}.nav.open{display:flex}.nav a{text-align:center}}@media(max-width:640px){.topbar{padding:12px 14px}.brand img{width:48px;height:48px}.brand b{font-size:18px}.brand small{font-size:12px}.home,.page-wrap{width:min(100% - 24px,1180px);padding:26px 0 52px}.hero h1{font-size:42px}.hero-visual,.hero-visual img{min-height:320px}.product-grid,.service-grid,.blog-grid,.gallery-grid{grid-template-columns:1fr}.product-card img,.blog-card .media img,.gallery-card img{height:220px}.cta{align-items:flex-start;flex-direction:column}.wa-float{bottom:16px;left:14px!important;right:auto!important;padding:10px 13px}.to-top{right:14px;bottom:18px}}

/* v15 running text + streaming video */
.running-wrap{position:relative;z-index:18;overflow:hidden;border-block:1px solid color-mix(in srgb,var(--rt-accent) 42%,transparent);background:transparent;box-shadow:0 10px 40px rgba(0,0,0,.24)}.running-wrap:before{content:'';position:absolute;inset:0;background:var(--rt-bg);opacity:calc(var(--rt-opacity)/100);z-index:-1}
.running-wrap.below-header{margin:0}.running-wrap.fixed-bottom{position:fixed;left:0;right:0;bottom:0;z-index:40}.running-wrap.top-fixed{position:fixed;left:0;right:0;top:0;z-index:40}.running-track{display:flex;width:max-content;min-width:200%;white-space:nowrap;animation:mzMarquee var(--rt-speed) linear infinite}.running-track span{display:inline-flex;align-items:center;padding:11px 48px;color:var(--rt-color);font-size:var(--rt-size);font-weight:900;letter-spacing:.01em;text-shadow:0 0 18px color-mix(in srgb,var(--rt-accent) 42%,transparent)}.running-track span:before{content:'●';color:var(--rt-accent);font-size:.85em;margin-right:14px}.running-wrap:hover .running-track{animation-play-state:paused}@keyframes mzMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.stream-section{padding-top:30px}.stream-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:0 24px 80px rgba(0,0,0,.35)}.stream-card:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 10%,color-mix(in srgb,var(--brand) 18%,transparent),transparent 34%),radial-gradient(circle at 88% 0,color-mix(in srgb,var(--accent) 14%,transparent),transparent 30%);z-index:1}.stream-video,.stream-iframe{position:relative;z-index:2;display:block;width:100%;aspect-ratio:16/9;min-height:320px;border:0;background:#000;object-fit:contain}.stream-video{max-height:74vh}.stream-iframe{height:auto}.section-title+.stream-card{margin-top:22px}
body[data-anim="cinematic-strong"] .stream-card.show,body[data-anim="motion-pro"] .stream-card.show{animation:mzFloatIn .9s cubic-bezier(.2,.8,.2,1) both}@keyframes mzFloatIn{from{transform:translateY(36px) scale(.98);filter:blur(8px);opacity:0}to{transform:none;filter:blur(0);opacity:1}}
@media(max-width:640px){.running-track span{padding:9px 32px}.stream-video,.stream-iframe{min-height:220px}.running-wrap.fixed-bottom{bottom:0}.wa-float{bottom:58px}}

/* v16 hero slideshow seperti EIZO S-PRO */
.hero-visual.hero-slider{min-height:var(--hero-slider-height,520px);height:var(--hero-slider-height,520px);overflow:hidden;isolation:isolate;background:#05070b}
.hero-slide-track,.hero-slide{position:absolute;inset:0}
.hero-slide{opacity:0;transform:scale(1.025);pointer-events:none;transition:opacity .85s ease,transform 1.15s cubic-bezier(.2,.75,.2,1);z-index:1}
.hero-slide.active{opacity:1;transform:scale(1);pointer-events:auto;z-index:2}
.hero-slider.slide .hero-slide{transform:translateX(26px);transition:opacity .7s ease,transform .85s cubic-bezier(.2,.75,.2,1)}
.hero-slider.slide .hero-slide.active{transform:translateX(0)}
.hero-slider.zoom .hero-slide{transform:scale(1.09);transition:opacity .95s ease,transform 4.8s ease}
.hero-slider.zoom .hero-slide.active{transform:scale(1)}
.hero-visual.hero-slider .hero-slide img{position:absolute;inset:0;width:100%;height:100%;min-height:0!important;object-fit:cover;display:block}
.hero-visual.hero-slider:before{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.18));pointer-events:none}
.hero-slide-caption{position:absolute;left:24px;right:24px;bottom:24px;z-index:4;border:1px solid var(--line);border-radius:22px;padding:18px;background:rgba(5,8,13,.76);backdrop-filter:blur(16px);box-shadow:0 20px 60px rgba(0,0,0,.35)}
.hero-slide-caption b{display:block;font-size:22px;letter-spacing:-.04em}.hero-slide-caption span{display:block;color:#ccd6e6;margin-top:4px}.hero-slide-caption a{display:inline-flex;margin-top:12px;color:var(--brand);font-weight:950;text-decoration:none}
.hero-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:rgba(3,7,12,.62);color:white;font-size:34px;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(10px);transition:.25s ease}
.hero-nav:hover{background:color-mix(in srgb,var(--brand) 35%,rgba(3,7,12,.8));color:#061018}.hero-nav.prev{left:18px}.hero-nav.next{right:18px}
.hero-dots{position:absolute;left:0;right:0;bottom:18px;z-index:5;display:flex;justify-content:center;gap:8px}.hero-dots button{width:10px;height:10px;border-radius:999px;border:0;background:rgba(255,255,255,.36);cursor:pointer;transition:.25s ease}.hero-dots button.active{width:34px;background:linear-gradient(135deg,var(--brand),var(--accent))}
.hero-empty{display:grid;place-items:center;position:absolute;inset:0;color:#aab6c8;border:1px dashed var(--line);border-radius:inherit}.hero-mini{display:none!important}
@media(max-width:640px){.hero-visual.hero-slider{height:min(var(--hero-slider-height,520px),360px);min-height:320px}.hero-nav{width:38px;height:38px;font-size:28px}.hero-slide-caption{left:14px;right:14px;bottom:16px;padding:14px}.hero-dots{bottom:10px}}


/* v17 - sembunyikan panah hero, sisi kiri/kanan tetap bisa diklik manual */
body .hero-visual.hero-slider .hero-nav{
  opacity:0!important;
  color:transparent!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  top:0!important;
  bottom:0!important;
  transform:none!important;
  width:30%!important;
  height:100%!important;
  border-radius:0!important;
  z-index:6!important;
  display:block!important;
  cursor:pointer!important;
  font-size:0!important;
  line-height:0!important;
  -webkit-tap-highlight-color:transparent!important;
}
body .hero-visual.hero-slider .hero-nav.prev{left:0!important;right:auto!important;}
body .hero-visual.hero-slider .hero-nav.next{right:0!important;left:auto!important;}
body .hero-visual.hero-slider .hero-nav:hover,
body .hero-visual.hero-slider .hero-nav:focus,
body .hero-visual.hero-slider .hero-nav:active{
  opacity:0!important;
  color:transparent!important;
  background:transparent!important;
  outline:none!important;
}
body .hero-visual.hero-slider .hero-nav::before,
body .hero-visual.hero-slider .hero-nav::after{content:none!important;display:none!important;}
body .hero-visual.hero-slider .hero-dots{z-index:8!important;pointer-events:auto!important;}
body .hero-visual.hero-slider .hero-slide-caption{z-index:8!important;}
@media(max-width:640px){body .hero-visual.hero-slider .hero-nav{width:34%!important;height:100%!important;}}


/* v18 - pilihan bentuk WhatsApp + animasi lebih kelihatan */
.wa-float{
  --wa-c1:#25d366;
  --wa-c2:#7cf7ba;
  --wa-opacity:100;
  background:linear-gradient(135deg,var(--wa-c1),var(--wa-c2))!important;
  opacity:calc(var(--wa-opacity,100) / 100)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 18px 55px color-mix(in srgb,var(--wa-c1) 38%,transparent),0 0 0 1px rgba(255,255,255,.08) inset!important;
  overflow:visible!important;
  isolation:isolate!important;
  transform-origin:center!important;
  transition:transform .25s ease,filter .25s ease,box-shadow .25s ease!important;
}
.wa-float:hover{filter:saturate(1.15) brightness(1.05);transform:translateY(-4px) scale(1.03)}
.wa-float:after{content:"";position:absolute;inset:2px;border-radius:inherit;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.38) 20%,transparent 42%);opacity:.42;transform:translateX(-120%);animation:waShine 3.8s infinite;pointer-events:none;z-index:-1}.wa-float img{filter:drop-shadow(0 4px 10px rgba(0,0,0,.20))}.wa-float b{letter-spacing:-.02em}.wa-float small{font-weight:900}.wa-float.size-small{padding:9px 13px;gap:9px}.wa-float.size-small img,.wa-float.size-small i{width:28px;height:28px}.wa-float.size-small b{font-size:15px}.wa-float.size-small small{font-size:10px}.wa-float.size-normal{padding:12px 18px}.wa-float.size-large{padding:16px 24px;gap:14px}.wa-float.size-large img,.wa-float.size-large i{width:42px;height:42px}.wa-float.size-large b{font-size:20px}.wa-float.size-large small{font-size:13px}.wa-float.wide-pill{padding:14px 24px;border-radius:999px}.wa-float.pill{border-radius:999px}.wa-float.bubble,.wa-float.circle{width:76px;height:76px;border-radius:999px;padding:0!important;display:grid;place-items:center}.wa-float.bubble span,.wa-float.circle span{display:none!important}.wa-float.bubble img,.wa-float.circle img,.wa-float.bubble i,.wa-float.circle i{width:43px;height:43px}.wa-float.circle{background:#25d366!important}.wa-float.square{border-radius:22px;padding:14px 18px}.wa-float.glass{background:linear-gradient(135deg,rgba(37,211,102,.26),rgba(32,231,255,.18))!important;color:white!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.24)!important}.wa-float.glass small{color:rgba(255,255,255,.78)!important}.wa-float.glass i{background:rgba(255,255,255,.18);color:white}.wa-float.neon{background:rgba(2,12,10,.88)!important;color:white!important;border:1px solid var(--wa-c1)!important;text-shadow:0 0 14px var(--wa-c1);box-shadow:0 0 0 1px color-mix(in srgb,var(--wa-c1) 50%,transparent) inset,0 0 28px color-mix(in srgb,var(--wa-c1) 45%,transparent),0 20px 60px rgba(0,0,0,.35)!important}.wa-float.neon small{color:color-mix(in srgb,var(--wa-c2) 80%,white)!important}.wa-float.mini{padding:10px 14px;border-radius:999px}.wa-float.mini small{display:none}.wa-float.bottom-bar{left:24px!important;right:24px!important;bottom:18px!important;width:auto;justify-content:center;border-radius:26px;padding:15px 24px}.wa-float.bottom-bar span{display:flex;gap:10px;align-items:baseline}.wa-float.bottom-bar small{font-size:13px}.wa-float.icon-text{border-radius:20px}.wa-float.icon-text small{display:none}
body[data-wa-anim="pulse-ring"] .wa-float:before,body[data-wa-anim="pulse-ring-strong"] .wa-float:before,body[data-wa-anim="attention-combo"] .wa-float:before,body[data-wa-anim="glow-strong"] .wa-float:before{content:"";position:absolute;inset:-9px;border-radius:inherit;border:2px solid color-mix(in srgb,var(--wa-c1) 70%,transparent);opacity:.9;pointer-events:none;z-index:-2;animation:waRingStrong 1.45s infinite ease-out}.wa-float.bubble:before,.wa-float.circle:before{border-radius:999px!important}body[data-wa-anim="pulse-ring"] .wa-float:before{animation-duration:1.9s;opacity:.65}body[data-wa-anim="pulse-ring-strong"] .wa-float{animation:waPop 1.9s infinite}body[data-wa-anim="attention-combo"] .wa-float{animation:waAttention 2.7s infinite ease-in-out}body[data-wa-anim="bounce" ] .wa-float,body[data-wa-anim="bounce-strong"] .wa-float{animation:waBounce 1.5s infinite}body[data-wa-anim="shake" ] .wa-float,body[data-wa-anim="shake-strong"] .wa-float{animation:waShake 2.1s infinite}body[data-wa-anim="heartbeat"] .wa-float{animation:waHeart 1.45s infinite}body[data-wa-anim="float" ] .wa-float,body[data-wa-anim="float-strong"] .wa-float{animation:waFloat 2.35s infinite ease-in-out}body[data-wa-anim="glow" ] .wa-float,body[data-wa-anim="glow-strong"] .wa-float{animation:waGlow 1.75s infinite alternate}body[data-wa-anim="swing"] .wa-float{animation:waSwing 2.2s infinite ease-in-out}body[data-wa-anim="rubber"] .wa-float{animation:waRubber 2.6s infinite}body[data-wa-anim="blink-soft"] .wa-float{animation:waBlink 1.4s infinite alternate}@keyframes waRingStrong{0%{transform:scale(.84);opacity:.8}100%{transform:scale(1.55);opacity:0}}@keyframes waPop{0%,100%{transform:scale(1)}42%{transform:scale(1.06)}52%{transform:scale(.98)}62%{transform:scale(1.03)}}@keyframes waAttention{0%,100%{transform:translateY(0) rotate(0) scale(1)}8%{transform:translateY(-8px) scale(1.05)}16%{transform:translateY(0) scale(1)}24%{transform:rotate(-4deg)}30%{transform:rotate(4deg)}36%{transform:rotate(0)}60%{transform:scale(1.04)}68%{transform:scale(1)}}@keyframes waBounce{0%,100%{transform:translateY(0)}35%{transform:translateY(-11px)}50%{transform:translateY(0)}65%{transform:translateY(-5px)}}@keyframes waShake{0%,78%,100%{transform:translateX(0) rotate(0)}82%{transform:translateX(-4px) rotate(-2deg)}86%{transform:translateX(4px) rotate(2deg)}90%{transform:translateX(-3px) rotate(-1deg)}94%{transform:translateX(3px) rotate(1deg)}}@keyframes waHeart{0%,100%{transform:scale(1)}14%{transform:scale(1.12)}28%{transform:scale(1)}42%{transform:scale(1.1)}70%{transform:scale(1)}}@keyframes waFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes waGlow{from{box-shadow:0 16px 45px color-mix(in srgb,var(--wa-c1) 35%,transparent),0 0 0 1px rgba(255,255,255,.08) inset}to{box-shadow:0 18px 70px color-mix(in srgb,var(--wa-c1) 70%,transparent),0 0 38px color-mix(in srgb,var(--wa-c2) 48%,transparent),0 0 0 1px rgba(255,255,255,.16) inset}}@keyframes waSwing{0%,100%{transform:rotate(0)}15%{transform:rotate(7deg)}30%{transform:rotate(-7deg)}45%{transform:rotate(4deg)}60%{transform:rotate(-3deg)}75%{transform:rotate(0)}}@keyframes waRubber{0%,100%{transform:scale(1)}25%{transform:scale(1.12,.88)}40%{transform:scale(.92,1.1)}55%{transform:scale(1.04,.96)}70%{transform:scale(1)}}@keyframes waBlink{from{filter:brightness(1) saturate(1)}to{filter:brightness(1.35) saturate(1.3)}}@keyframes waShine{0%{transform:translateX(-120%)}18%,100%{transform:translateX(130%)}}
@media(max-width:640px){.wa-float.bottom-bar{left:14px!important;right:14px!important;bottom:14px!important}.wa-float.bubble,.wa-float.circle{width:64px;height:64px}.wa-float.bubble img,.wa-float.circle img,.wa-float.bubble i,.wa-float.circle i{width:36px;height:36px}.wa-float.size-large:not(.bubble):not(.circle){padding:13px 18px}.wa-float.size-large b{font-size:17px}}
@media(prefers-reduced-motion:reduce){.wa-float,.wa-float:before,.wa-float:after{animation:none!important}}


/* V18.1 BLOG MARKDOWN + DOWNLOAD BUTTON FIX */
.article-content h1,.article-content h2,.article-content h3{margin:18px 0 10px;color:#fff;line-height:1.22;letter-spacing:-.02em}.article-content h1{font-size:28px}.article-content h2{font-size:23px}.article-content h3{font-size:19px}.article-content p{margin:8px 0;color:#d9e4f5;line-height:1.75}.article-content strong{color:#fff;font-weight:900}.article-content .article-link{color:var(--brand);font-weight:850;text-decoration:none;border-bottom:1px dashed color-mix(in srgb,var(--brand) 55%,transparent)}.article-content .article-link:hover{border-bottom-style:solid}.article-content .download-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin:14px 0 16px;padding:14px 20px;border-radius:16px;background:linear-gradient(135deg,var(--brand),#8fe6ff 45%,var(--accent));color:#061018!important;text-decoration:none;font-weight:950;letter-spacing:.02em;box-shadow:0 14px 36px color-mix(in srgb,var(--brand) 28%,transparent);border:1px solid rgba(255,255,255,.18);text-transform:uppercase}.article-content .download-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.article-content .article-sep{border:0;border-top:1px solid var(--line);margin:18px 0}.article-content .article-gap{height:8px}.article-content .article-bullet{position:relative;padding-left:22px}.article-content .article-bullet:before{content:"•";position:absolute;left:4px;color:var(--brand);font-weight:900}