/* Premium DigiTech - Logo-matched design system
   Logo: circular red-orange -> amber-gold gradient (#DC2626 -> #EA580C -> #F59E0B)
   Dark base: #0F172A / #111827, Light: #FFFFFF / #F8FAFC
*/
:root{
  --red:#DC2626; --red-dark:#991B1B; --red-deep:#B91C1C;
  --amber:#F59E0B; --orange:#EA580C;
  --dark:#0F172A; --dark2:#111827;
  --light:#FFFFFF; --slate-soft:#F8FAFC;
  --ink:#1A1A1A; --muted:#64748B;
  --brand-grad:linear-gradient(135deg,#DC2626 0%,#EA580C 52%,#F59E0B 100%);
  --brand-grad-dark:linear-gradient(135deg,#991B1B 0%,#B91C1C 50%,#EA580C 100%);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;-webkit-font-smoothing:antialiased}
.font-display{font-family:'Poppins','Inter',sans-serif}
.text-brand-grad{background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.bg-brand-grad{background:var(--brand-grad)}
.bg-dark-carbon{background:var(--dark)}
.btn-brand{background:var(--brand-grad);color:#fff;font-weight:600;border-radius:.9rem;padding:.9rem 1.6rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 12px 30px -10px rgba(220,38,38,.55);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.btn-brand:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 18px 38px -10px rgba(234,88,12,.55)}
.btn-outline{border:2px solid var(--red);color:var(--red);font-weight:600;border-radius:.9rem;padding:.85rem 1.6rem;display:inline-flex;align-items:center;justify-content:center;transition:all .18s ease;background:#fff}
.btn-outline:hover{background:var(--red);color:#fff}
.btn-dark{background:var(--dark);color:#fff;font-weight:600;border-radius:.9rem;padding:.9rem 1.6rem;display:inline-flex;align-items:center;justify-content:center}
.card-hover{transition:transform .2s ease,box-shadow .2s ease}
.card-hover:hover{transform:translateY(-4px);box-shadow:0 24px 50px -18px rgba(15,23,42,.25)}
.nav-link{position:relative;font-weight:500;color:#334155}
.nav-link:hover,.nav-link.active{color:var(--red)}
.nav-link.active::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:3px;border-radius:99px;background:var(--brand-grad)}
.filter-btn{border:1px solid #E2E8F0;background:#fff;color:#334155;padding:.5rem .95rem;border-radius:99px;font-size:.85rem;font-weight:500;transition:all .15s ease;cursor:pointer}
.filter-btn:hover{border-color:var(--amber)}
.filter-btn.active{background:var(--brand-grad);color:#fff;border-color:transparent;box-shadow:0 8px 20px -8px rgba(234,88,12,.6)}
.hero-grid-bg{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at center,black 55%,transparent 78%)}
.glow-orb{position:absolute;border-radius:9999px;filter:blur(70px);opacity:.5;pointer-events:none}
.badge-pay{background:#FFFBEB;border:1px solid #FDE68A;color:#92400E;font-weight:600;font-size:.78rem;padding:.35rem .8rem;border-radius:99px;display:inline-flex;align-items:center;gap:.35rem}
.stock-dot{width:.55rem;height:.55rem;border-radius:99px;display:inline-block}
.faq-item summary{cursor:pointer;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
input,select,textarea{outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--amber)!important;box-shadow:0 0 0 3px rgba(245,158,11,.25)}
.sticky-wa{position:fixed;right:1.1rem;bottom:1.1rem;z-index:60;width:3.4rem;height:3.4rem;border-radius:99px;background:#22C55E;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:0 14px 32px -8px rgba(34,197,94,.7)}
.skip-link{position:absolute;left:-9999px;top:0;background:#fff;padding:.6rem 1rem;z-index:100;border-radius:0 0 .6rem 0}
.skip-link:focus{left:0}
/* ---- Modern animated hero ---- */
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes floatY2{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(10px) rotate(1deg)}}
@keyframes drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,-24px) scale(1.08)}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes gradPan{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
@keyframes riseIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes ringSpin{to{transform:rotate(360deg)}}
@keyframes pulseDot{0%,100%{box-shadow:0 0 0 0 rgba(52,211,153,.6)}50%{box-shadow:0 0 0 7px rgba(52,211,153,0)}}
.anim-float{animation:floatY 5s ease-in-out infinite}
.anim-float-2{animation:floatY2 6.5s ease-in-out infinite}
.anim-drift{animation:drift 11s ease-in-out infinite}
.anim-rise{opacity:0;animation:riseIn .8s ease forwards}
.anim-rise-1{animation-delay:.05s}.anim-rise-2{animation-delay:.15s}.anim-rise-3{animation-delay:.25s}.anim-rise-4{animation-delay:.35s}.anim-rise-5{animation-delay:.45s}
.hero-title-grad{background:linear-gradient(100deg,#F87171,#EA580C,#F59E0B,#FDE68A,#EA580C,#DC2626);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradPan 6s ease infinite}
.typed-caret{display:inline-block;width:3px;height:1em;background:#F59E0B;margin-left:4px;vertical-align:-2px;animation:blink 1s step-end infinite}
.marquee-track{display:flex;gap:2.5rem;width:max-content;animation:marquee 26s linear infinite}
.marquee-track:hover{animation-play-state:paused}
.orbit-ring{position:absolute;border:1px dashed rgba(245,158,11,.5);border-radius:9999px;animation:ringSpin 26s linear infinite}
.live-dot{width:.6rem;height:.6rem;border-radius:99px;background:#34D399;animation:pulseDot 1.8s ease infinite}
.glass{background:rgba(255,255,255,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.16)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}