/* Az Inja — Coming Soon (no external dependencies)
   Minimal utility-ish CSS approximating the Tailwind look and neon cyber theme.
*/
:root{
  --bg:#000;
  --txt:#e5e7eb;
  --muted:#a1a1aa;
  --panel:#0b0b0c;
  --panel-2:#111114;
  --border:#27272a;
  --fpink:#f472b6;
  --fcyan:#22d3ee;
  --fpurple:#a78bfa;
  --ring: rgba(244,114,182,.4);
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--txt);font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, 'Apple Color Emoji','Segoe UI Emoji';-webkit-font-smoothing:antialiased;}

.page{position:relative;min-height:100vh;overflow:hidden}
.container{max-width:1120px;margin-inline:auto;padding-inline:24px}
.header{display:flex;align-items:center;justify-content:space-between;padding-block:24px;position:relative;z-index:10}
.brand{display:flex;align-items:center;gap:12px}
.logo-wrap{position:relative;display:grid;height:32px;width:32px}
.logo-wrap.small{height:24px;width:24px}
.logo-glow{position:absolute;inset:0;border-radius:10px;background:linear-gradient(135deg,var(--fpink),var(--fcyan));opacity:.7;filter:blur(8px)}
.logo-face{position:relative;display:grid;place-items:center;border-radius:10px;background:rgba(9,9,11,.8);outline:1px solid rgba(39,39,42,.8)}
.logo-text{font-size:10px;font-weight:900;letter-spacing:.22em}
.brand-name{font-weight:600;letter-spacing:.04em;color:#e7e7ea}
.tag{margin-left:8px;display:inline-flex;align-items:center;border:1px solid rgba(244,114,182,.4);padding:.25rem .6rem;border-radius:999px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(244,114,182,.9)}

.nav{display:none;gap:24px}
.nav a{color:rgba(255,255,255,.8);text-decoration:none;font-size:14px}
.nav a:hover{color:#fff}
@media(min-width:768px){.nav{display:flex}}

.hero{position:relative;z-index:10;margin-top:12px}
.hero-grid{display:grid;gap:40px;align-items:center}
@media(min-width:768px){.hero-grid{grid-template-columns:1fr 1fr}}
.title{font-size:40px;line-height:1.05;font-weight:900;letter-spacing:-.01em;margin:0 0 12px}
@media(min-width:768px){.title{font-size:64px}}
.coming{margin-left:12px;font-weight:600;color:rgba(244,114,182,.9);font-size:20px}
@media(min-width:768px){.coming{font-size:28px}}
.lead{max-width:48ch;color:rgba(229,231,235,.9);margin:0}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;border-radius:16px;padding:10px 16px;font-size:14px;line-height:1;font-weight:600;transition:box-shadow .2s, border-color .2s, color .2s}
.btn .i{height:16px;width:16px}
.btn-primary{border:1px solid rgba(244,114,182,.5);color:#fff;box-shadow:0 0 0 rgba(244,114,182,0)}
.btn-primary:hover{box-shadow:0 0 30px rgba(244,114,182,.2)}
.btn-outline{border:1px solid rgba(34,211,238,.5);color:rgba(165,243,252,.9)}
.btn-outline:hover{border-color:rgba(165,243,252,1);color:#e5feff}

.status{margin-top:12px;font-size:12px;color:rgba(156,163,175,.8);display:flex;align-items:center;gap:8px}
.status .dot{display:inline-block;height:6px;width:6px;border-radius:999px;background:#22c55e;animation:pulse 1.6s infinite}
@keyframes pulse{0%{opacity:.4}50%{opacity:1}100%{opacity:.4}}

.feature-card{position:relative;border-radius:24px;border:1px solid var(--border);background:rgba(24,24,27,.5);padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.35);backdrop-filter:blur(6px)}
.feature-card::before{content:"";position:absolute;inset:-2px;border-radius:24px;background:linear-gradient(135deg, rgba(244,114,182,.2), rgba(168,85,247,.12), rgba(34,211,238,.2));filter:blur(28px);z-index:-1}
.feature{position:relative;display:grid;grid-template-columns:auto 1fr;gap:12px;border:1px solid var(--border);background:rgba(12,12,14,.6);padding:16px;border-radius:18px;margin-bottom:12px}
.feature-icon{display:flex;align-items:center;justify-content:center;height:40px;width:40px;border-radius:12px;background:rgba(9,9,11,.6);outline:1px solid var(--border)}
.feature .i{height:20px;width:20px}
.feature-escrow .i{color:#f0abfc}
.feature-deposit .i{color:#67e8f9}
.feature-privacy .i{color:#d8b4fe}
.feature-dispute .i{color:#6ee7b7}
.feature-title{font-size:14px;font-weight:700;color:#fff}
.feature-text{font-size:14px;color:rgba(229,231,235,.75)}

.section{position:relative;z-index:10;margin-top:64px}
.section-title{margin:0 0 8px;font-weight:700;letter-spacing:.01em;font-size:22px}
.section-lead{max-width:70ch;font-size:14px;color:rgba(229,231,235,.9)}
.principles{display:grid;gap:16px;margin-top:20px}
@media(min-width:640px){.principles{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.principles{grid-template-columns:repeat(3,1fr)}}
.card{border-radius:18px;border:1px solid var(--border);background:rgba(24,24,27,.4);padding:20px}
.card-title{font-size:14px;font-weight:700}
.card-text{font-size:14px;color:rgba(229,231,235,.75)}

.pb{padding-bottom:80px}
.updates-grid{display:grid;gap:16px}
@media(min-width:1024px){.updates-grid{grid-template-columns:1fr 2fr}}
.card-head{margin:0 0 6px;font-size:18px;font-weight:700}
.card-sub{font-size:14px;color:rgba(229,231,235,.9)}
.form{display:flex;gap:8px;align-items:center;margin-top:12px}
.input{flex:1 1 auto;padding:10px 12px;font-size:14px;border-radius:12px;border:1px solid #3f3f46;background:rgba(10,10,10,.7);color:#fff;outline:2px solid transparent}
.input:focus{outline-color:rgba(244,114,182,.4)}
.thanks{margin-top:10px;font-size:12px;color:#86efac;display:none}
.card-roadmap .roadmap{list-style:none;padding:0;margin:10px 0 0}
.card-roadmap .roadmap li{display:flex;align-items:flex-start;gap:10px;margin:6px 0}
.i-check::before{content:"✔";font-weight:700}
.i-dot::before{content:"•";font-size:18px;line-height:1}

.note{margin-top:12px;font-size:12px;color:rgba(156,163,175,.9)}

.footer{border-top:1px solid var(--border);padding-block:24px;margin-top:20px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;justify-content:space-between}
.footer-left{display:flex;align-items:center;gap:8px}
.footer-links{display:flex;gap:16px}
.footer a{color:rgba(229,231,235,.8);text-decoration:none}
.footer a:hover{color:#fff}
@media(min-width:768px){.footer{flex-direction:row;align-items:center}}

/* Background elements */
.grid-mask{position:absolute;inset:0;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse at center, black, transparent 70%);mask-image:radial-gradient(ellipse at center, black, transparent 70%)}
.grid{height:100%;width:100%;opacity:.2}
.grid-lines{color:#3f3f46}
.grid-neon{mix-blend-mode:overlay;animation:pulse 2s infinite;opacity:.07}
.glow{position:absolute;pointer-events:none;border-radius:9999px;filter:blur(60px)}
.glow-1{top:-160px;left:50%;transform:translateX(-50%);width:960px;height:320px;background:rgba(244,114,182,.3)}
.glow-2{bottom:-160px;right:-160px;width:448px;height:448px;background:rgba(34,211,238,.2)}