:root {
  --brand-black:#0f0f0f;
  --brand-orange:#ffa31a;
  --brand-white:#ffffff;
  --bg-1:#0a0a0a;
  --bg-2:#111;
  --text:#f1f1f1;
  --muted:#b3b3b3;
}
* { box-sizing: border-box; }
body {
  margin:0;
  font-family:'Inter',sans-serif;
  color:var(--text);
  background:radial-gradient(circle at top left, rgba(255,163,26,0.1), transparent 40%),
             radial-gradient(circle at bottom right, rgba(255,255,255,0.05), transparent 40%),
             linear-gradient(180deg, #000, #0a0a0a);
  animation: gradientMove 15s ease infinite;
  background-size: 200% 200%;
}
@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.wrap{max-width:1200px;margin:0 auto;padding:20px;}
nav{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid rgba(255,255,255,0.1);} 
.brand{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--brand-orange);font-size:1.2rem;}
.brand .material-icons{font-size:28px;color:var(--brand-orange);}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:6px;font-weight:700;transition:0.3s;background:var(--brand-orange);color:#000;text-decoration:none;}
.btn .material-icons{font-size:20px;}
.btn:hover{opacity:0.85;transform:scale(1.05);}
.hero{text-align:center;position:relative;padding:80px 20px;background:linear-gradient(180deg,#000,var(--bg-2));overflow:hidden;}
.hero::before {content: "";position: absolute;width: 400px;height: 400px;background: radial-gradient(circle, rgba(255,163,26,0.2), transparent 70%);top: -100px;left: -100px;filter: blur(120px);animation: floatLight 10s ease-in-out infinite alternate;}
.hero::after {content: "";position: absolute;width: 400px;height: 400px;background: radial-gradient(circle, rgba(255,255,255,0.1), transparent 70%);bottom: -100px;right: -100px;filter: blur(100px);animation: floatLight 12s ease-in-out infinite alternate-reverse;}
@keyframes floatLight {0% { transform: translateY(0); }100% { transform: translateY(40px); }}
.hero img.header-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0.25;z-index:0;animation:zoom 10s ease-in-out infinite alternate;}
@keyframes zoom {from { transform: scale(1); }to { transform: scale(1.1); }}
.hero-content{position:relative;z-index:1;animation:fadeIn 2s ease-in-out;}
@keyframes fadeIn {from {opacity:0;transform:translateY(30px);}to {opacity:1;transform:translateY(0);} }
.hero h1{font-size:3rem;color:var(--brand-orange);margin-bottom:20px;}
.hero p{max-width:700px;margin:0 auto 30px;color:var(--muted);}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:50px 0;}
.card{background:#1a1a1a;border-radius:10px;padding:20px;text-align:center;transition:transform .3s ease, box-shadow .3s ease;}
.card:hover{transform:translateY(-8px);box-shadow:0 10px 20px rgba(255,163,26,0.2);}
.card .material-icons{font-size:40px;color:var(--brand-orange);margin-bottom:10px;}
.card h3{color:var(--brand-orange);}
footer{background:linear-gradient(180deg,#111,#000);padding:50px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-align:center;position:relative;overflow:hidden;}
footer::before {content: "";position: absolute;width: 300px;height: 300px;background: radial-gradient(circle, rgba(255,163,26,0.25), transparent 70%);top: -50px;left: -50px;filter: blur(100px);animation: floatLight 8s ease-in-out infinite alternate;}
.footer-brand{display:flex;align-items:center;gap:10px;color:var(--brand-orange);font-weight:800;font-size:1.4rem;margin-bottom:10px;z-index:1;}
.footer-bottom{font-size:0.9rem;margin-top:10px;z-index:1;}
.steps-section{padding:20px 0 0;}
.steps-card{background:#1a1a1a;border:1px solid rgba(255,255,255,0.08);border-radius:24px;padding:28px 22px 34px;position:relative;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.25);}
.steps-card::before{content:"";position:absolute;inset:-40% -20% auto auto;width:60%;height:140%;background:radial-gradient(circle at 30% 30%, rgba(255,163,26,.22), transparent 60%);filter:blur(60px);opacity:.6;pointer-events:none;}
.steps-title{margin:0 0 16px 0;font-size:1.4rem;color:var(--text);text-align:center;opacity:.95;}
.steps-grid{display:grid;grid-template-columns:1fr 6px 1fr 6px 1fr;align-items:center;gap:18px;padding:18px;}
@media (max-width:900px){.steps-grid{grid-template-columns:1fr;}.divider{display:none;}}
.step-item{text-align:center;padding:18px 12px;}
.step-icon{position:relative;display:inline-grid;place-items:center;width:88px;height:88px;border-radius:18px;background:linear-gradient(180deg,#232323,#161616);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04), 0 14px 30px rgba(0,0,0,.35);}
.step-icon .material-icons{font-size:40px;color:var(--brand-orange);}
.step-badge{position:absolute;top:-8px;right:-8px;background:var(--brand-orange);color:#000;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:.9rem;box-shadow:0 6px 18px rgba(255,163,26,.35);}
.step-heading{margin:12px 0 6px;color:#fff;font-size:1.1rem;}
.step-text{margin:0 auto;max-width:28ch;color:var(--muted);} 
.divider{width:100%;height:6px;border-radius:999px;background:linear-gradient(90deg, rgba(255,255,255,.06), rgba(255,163,26,.45), rgba(255,255,255,.06));}