/* AGENT TEMPLATE */
*{margin:0;padding:0;box-sizing:border-box}
.a-loader{
    position:fixed;top:0;left:0;width:100%;height:100%;
    background:#0c0f14;display:flex;align-items:center;justify-content:center;
    z-index:9999;transition:opacity .4s;
}
.a-spinner{
    width:40px;height:40px;
    border:3px solid #10b98133;border-top-color:#10b981;
    border-radius:50%;animation:spin .8s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg)}}
.a-page{opacity:0;transition:opacity .4s}
:root{
    --agent1:#10b981;--agent2:#6ee7b7;
    --bg:#0c0f14;--surface:#131820;--surface2:#1a2130;
    --text:#e2e8f0;--text-dim:#8892a4;--border:#1e2a3a;
}
body{
    background:var(--bg);color:var(--text);
    font-family:'Segoe UI',system-ui,-apple-system,sans-serif;
    line-height:1.6;overflow-x:hidden;
}
.a-grid-bg{
    position:fixed;top:0;left:0;width:100%;height:100%;
    background-image:
        linear-gradient(#10b98108 1px,transparent 1px),
        linear-gradient(90deg,#10b98108 1px,transparent 1px);
    background-size:60px 60px;
    pointer-events:none;z-index:0;
}
.a-nav{
    position:fixed;top:0;width:100%;padding:1rem 2.5rem;
    display:flex;justify-content:space-between;align-items:center;
    background:#0c0f14ee;backdrop-filter:blur(12px);
    border-bottom:1px solid var(--border);z-index:100;
}
.a-nav-name{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.1rem;color:var(--text)}
.a-nav-logo{width:26px;height:26px;border-radius:8px;object-fit:cover}
.a-nav-links a{
    color:var(--text-dim);text-decoration:none;margin-left:2rem;
    font-size:.9rem;font-weight:500;transition:color .2s;
}
.a-nav-links a:hover{color:var(--agent2)}
.a-hero{
    position:relative;z-index:1;
    display:flex;align-items:center;justify-content:center;
    text-align:center;padding:3rem 2rem 1rem;
}
.a-hero-content{max-width:650px;width:100%;margin:0 auto;text-align:center;overflow:hidden}
.a-hero-logo{
    display:block;margin:0 auto 1.5rem;
    width:90px;height:90px;border-radius:18px;
    border:2px solid #10b98166;object-fit:cover;
    box-shadow:0 0 30px #10b9811a;
}
.a-hero-badge{
    display:inline-block;padding:.3rem .9rem;
    background:#10b9811a;color:var(--agent2);
    border:1px solid #10b98133;border-radius:20px;
    font-size:.8rem;font-weight:600;margin-bottom:1rem;
    letter-spacing:.03em;
}
.a-hero h1{
    font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;
    margin-bottom:.3rem;letter-spacing:-.01em;
}
.a-handle{
    display:inline-block;color:var(--agent1);font-size:1.1rem;
    font-weight:500;margin-bottom:1rem;
}
.a-hero-desc{
    font-size:1.1rem;color:var(--text-dim);
    max-width:500px;margin:0 auto;line-height:1.7;
    overflow-wrap:break-word;word-break:break-word;
}
.a-hero-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}
.a-action-btn{
    padding:.65rem 1.8rem;border-radius:10px;
    text-decoration:none;font-weight:600;font-size:.95rem;
    transition:all .2s;
}
.a-primary-btn{
    background:var(--agent1);color:#fff;
    box-shadow:0 2px 12px #10b98133;
}
.a-primary-btn:hover{box-shadow:0 4px 20px #10b98155;transform:translateY(-1px)}
.a-secondary-btn{
    background:transparent;color:var(--agent2);
    border:1px solid #10b98155;
}
.a-secondary-btn:hover{background:#10b98111;border-color:var(--agent1)}
.a-section{
    position:relative;z-index:1;
    max-width:800px;margin:0 auto;padding:1rem 2rem;text-align:center;
}
.a-section h2{
    font-size:1.8rem;margin-bottom:1rem;font-weight:700;
    color:var(--text);
}
.a-section-desc{color:var(--text-dim);margin-bottom:2rem;font-size:1rem}
.a-about-card{
    background:var(--surface);border:1px solid var(--border);
    border-radius:14px;padding:2rem;text-align:left;
    font-size:1.05rem;color:var(--text-dim);line-height:1.8;
}
.a-token-section{margin-top:0}
.a-token-section h3{color:var(--agent2);margin-bottom:1rem;font-size:1.1rem}
/* Contract */
.a-contract{
    max-width:550px;margin:0 auto;padding:1.2rem 1.5rem;
    background:var(--surface);border:1px solid var(--border);border-radius:10px;
}
.a-chain-badge{
    display:inline-block;padding:.15rem .5rem;
    background:#10b98122;color:var(--agent2);border-radius:6px;
    font-size:.7rem;font-weight:700;margin-bottom:.5rem;
    text-transform:uppercase;letter-spacing:.05em;
}
.a-ca-label{font-size:.75rem;color:var(--text-dim);display:block;margin-bottom:.4rem}
.a-ca-row{display:flex;align-items:center;gap:.5rem;justify-content:center;flex-wrap:wrap}
.a-ca-text{
    font-size:.82rem;color:var(--agent2);word-break:break-all;
    background:var(--surface2);padding:.4rem .65rem;border-radius:6px;
}
.a-copy-btn{
    padding:.35rem .65rem;background:var(--agent1);color:#fff;border:none;
    border-radius:6px;cursor:pointer;font-weight:600;font-size:.78rem;transition:background .2s;
}
.a-copy-btn:hover{filter:brightness(1.15)}
.a-buy-btn{
    padding:.35rem .65rem;background:transparent;color:var(--agent2);
    border:1px solid #10b98155;border-radius:6px;
    text-decoration:none;font-weight:600;font-size:.78rem;transition:all .2s;
}
.a-buy-btn:hover{background:#10b98111}
/* Socials */
.a-socials{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.a-social-link{
    padding:.6rem 1.5rem;background:var(--surface);
    border:1px solid var(--border);border-radius:10px;
    color:var(--text);text-decoration:none;font-weight:600;
    transition:all .25s;
}
.a-social-link:hover{border-color:var(--agent1);color:var(--agent2);transform:translateY(-2px)}
.a-footer{
    position:relative;z-index:1;
    text-align:center;padding:2rem;
    color:var(--text-dim);font-size:.8rem;
    border-top:1px solid var(--border);
}
@media(max-width:600px){
    .a-nav{padding:.75rem 1rem}
    .a-nav-links a{margin-left:1rem;font-size:.8rem}
    .a-hero{padding:5rem 1rem 2rem}
    .a-section{padding:3rem 1rem}
}