html,body{margin:0;padding:0;overflow-x:hidden}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}.hero-root{background:linear-gradient(135deg,#060e1c 0%,#0a1628 50%,#0e2444 100%);min-height:100vh;padding:40px 0 20px;font-family:DM Sans,sans-serif;position:relative;overflow:hidden}.hero-nav{z-index:10;justify-content:space-between;align-items:center;padding:24px 48px;display:flex;position:relative}.hero-early-badge{display:none}@media (min-width:1025px){.hero-early-badge{display:flex}}.grid-overlay{opacity:.08;pointer-events:none;background-image:linear-gradient(90deg,#0071dc 1px,#0000 1px),linear-gradient(#0071dc 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.glow-blue{filter:blur(140px);pointer-events:none;background:#0071dc38;border-radius:50%;width:600px;height:600px;position:absolute;top:-100px;left:-100px}.glow-yellow{display:none}.hero-container{grid-template-columns:1fr 1fr;align-items:center;gap:64px;margin:0 auto;padding:70px 48px 0;display:grid;position:relative}@media (max-width:1024px){.hero-root{min-height:auto;padding:0 0 40px}.hero-nav{justify-content:center;padding:20px 24px}.hero-container{grid-template-columns:1fr;padding:48px 24px 0}.dashboard-col{display:none}.left-col{text-align:center;align-items:center}.subheadline,.toggle-wrap{margin:0 auto}.form-row{flex-flow:wrap}.email-input{flex:160px;min-width:0}.cta-btn{flex-shrink:0}.avatar-row{justify-content:center}}.left-col{flex-direction:column;gap:28px;display:flex}.badge{color:#0f172a;letter-spacing:.1em;text-transform:uppercase;background:#facc15;border-radius:999px;width:fit-content;padding:8px 18px;font-family:DM Mono,monospace;font-size:11px;font-weight:600;animation:.6s both fadeUp;display:inline-block}.headline{color:#fff;letter-spacing:-.02em;font-family:Outfit,sans-serif;font-size:clamp(45px,6vw,72px);font-weight:900;line-height:1.05;animation:.7s .1s both fadeUp}.headline .blue{color:#0071dc}.subheadline{color:#94a3b8;max-width:480px;font-size:17px;line-height:1.65;animation:.7s .2s both fadeUp}.toggle-wrap{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;width:fit-content;padding:5px;animation:.7s .3s both fadeUp;display:inline-flex}.toggle-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:999px;padding:10px 28px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .25s}.toggle-btn.active{color:#fff;background:#0071dc;box-shadow:0 4px 20px #0071dc73}.toggle-btn:not(.active):hover{color:#fff}.form-row{gap:10px;animation:.7s .4s both fadeUp;display:flex}.email-input{color:#fff;background:#ffffff0a;border:1px solid #ffffff26;border-radius:10px;outline:none;flex:1;height:52px;padding:0 18px;font-family:DM Sans,sans-serif;font-size:15px;transition:border-color .2s,box-shadow .2s}.email-input::placeholder{color:#475569}.email-input:focus{border-color:#0071dc;box-shadow:0 0 0 3px #0071dc26}.cta-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#0071dc;border:none;border-radius:10px;height:52px;padding:0 28px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:700;transition:background .2s,transform .1s}.cta-btn:hover{background:#005bb5;transform:translateY(-1px)}.cta-btn:active{transform:translateY(0)}.success-state{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:10px;align-items:center;gap:12px;padding:16px 20px;font-size:15px;font-weight:600;animation:.4s both fadeUp;display:flex}.avatar-row{align-items:center;gap:14px;animation:.7s .55s both fadeUp;display:flex}.avatar-stack{display:flex}.avatar-stack img{-o-object-fit:cover;object-fit:cover;border:2.5px solid #060e1c;border-radius:50%;width:40px;height:40px;margin-left:-10px;transition:transform .2s}.avatar-stack img:first-child{margin-left:0}.avatar-stack img:hover{z-index:10;transform:scale(1.15)}.avatar-text{color:#94a3b8;font-size:14px}.avatar-text strong{color:#fff}.dashboard-col{animation:.9s cubic-bezier(.22,.61,.36,1) .35s both floatIn}.card-float{animation:5s ease-in-out infinite float}.dashboard-card{-webkit-backdrop-filter:blur(20px);background:#ffffff12;border:1px solid #ffffff1c;border-radius:20px;flex-direction:column;gap:20px;padding:24px;display:flex}.card-header{justify-content:space-between;align-items:center;display:flex}.card-title{color:#fff;font-size:15px;font-weight:700}.nafdac-badge{background:#22c55e1f;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;display:flex}.nafdac-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:1.5s ease-in-out infinite pulse}.nafdac-text{color:#22c55e;letter-spacing:.08em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:10px;font-weight:600}.product-row{background:#ffffff0a;border-radius:12px;align-items:center;gap:16px;padding:16px;display:flex}.product-img{-o-object-fit:cover;object-fit:cover;border-radius:10px;flex-shrink:0;width:64px;height:64px}.product-info{flex-direction:column;flex:1;gap:6px;display:flex}.product-name{color:#fff;font-size:14px;font-weight:700}.supplier-row{color:#94a3b8;align-items:center;gap:5px;font-size:12px;display:flex}.check-icon{color:#22c55e;width:12px;height:12px}.price-row{justify-content:space-between;align-items:center;display:flex}.price{color:#fff;letter-spacing:-.02em;font-size:20px;font-weight:800}.status-badge{color:#facc15;font-family:DM Mono,monospace;font-size:11px;font-weight:600}.chart-section{flex-direction:column;gap:10px;display:flex}.chart-label{color:#64748b;font-size:11px;font-weight:500}.bars{align-items:flex-end;gap:5px;height:48px;display:flex}.bar{transform-origin:bottom;background:linear-gradient(#0071dc66,#0071dc);border-radius:4px 4px 0 0;flex:1;animation:.6s both growBar}.stats-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat-cell{background:#ffffff0a;border-radius:10px;flex-direction:column;gap:4px;padding:14px;display:flex}.stat-value{color:#fff;letter-spacing:-.02em;font-size:26px;font-weight:800;line-height:1}.stat-label{color:#64748b;font-size:11px;font-weight:500}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes floatIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes growBar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cat-grid{grid-template-columns:1fr;grid-auto-rows:240px;gap:10px;display:grid}@media (min-width:640px){.cat-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:240px;gap:10px}}.cat-tile{border-radius:18px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;position:relative;overflow:hidden}.cat-tile:hover{transform:translateY(-4px)scale(1.012);box-shadow:0 20px 50px #0003}.cat-tile img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;pointer-events:none;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.cat-tile:hover img{transform:scale(1.04)}.cat-label{justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.cat-label-chip{-webkit-backdrop-filter:blur(14px);background:#060e1c8c;border:1px solid #ffffff2e;border-radius:10px;align-items:center;max-width:100%;padding:7px 14px;display:inline-flex}@media (min-width:1024px){.cat-grid{grid-template-rows:300px 300px 270px 270px;grid-template-columns:repeat(4,1fr);grid-template-areas:"ca ca cb cd""ca ca cc ce""cf cg ch ck""ci ci cj cj";grid-auto-rows:unset;gap:12px}.cat-a{grid-area:ca}.cat-b{grid-area:cb}.cat-c{grid-area:cc}.cat-d{grid-area:cd}.cat-e{grid-area:ce}.cat-f{grid-area:cf}.cat-g{grid-area:cg}.cat-h{grid-area:ch}.cat-i{grid-area:ci}.cat-j{grid-area:cj}.cat-k{grid-area:ck}}.ea-split{flex-direction:column;gap:32px;display:flex}.ea-img-col{display:none}@media (min-width:1024px){.ea-split{flex-direction:row;align-items:stretch;gap:28px}.ea-img-col{flex:0 0 52%;display:flex}}