:root{
  --ag:#16a66a;
  --ag2:#0d7d50;
  --dark:#0b1d18;
  --ink:#13211f;
  --muted:#64746f;
  --soft:#f3fbf7;
  --line:#dff0e8;
  --card:#fff;
  --max:1180px;
  --shadow:0 18px 48px rgba(11,29,24,.10);
  --shadow2:0 10px 24px rgba(11,29,24,.08);
  --r:24px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}
body{
  margin:0;
  max-width:100%;
  overflow-x:hidden;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;
  color:var(--ink);
  background:#fff;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
a{text-decoration:none;color:inherit}
section[id]{scroll-margin-top:92px}

.ag-wrap{
  width:min(var(--max),calc(100% - 40px));
  margin:0 auto;
}

/* Header */
.ag-head{
  position:sticky;
  top:0;
  z-index:60;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(223,240,232,.95);
}
.ag-head-inner,
.ag-navrow{
  height:74px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:26px;
}
.ag-logo{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:19px;
  font-weight:900;
  color:var(--ink);
  white-space:nowrap;
}
.ag-logo-mark,
.ag-mark{
  width:34px;
  height:34px;
  border-radius:10px;
  background:linear-gradient(135deg,#1bd37e,#0b6f49);
  box-shadow:0 10px 24px rgba(22,166,106,.25);
  position:relative;
  display:inline-block;
  flex:0 0 auto;
}
.ag-logo-mark:after,
.ag-mark:after{
  content:"";
  position:absolute;
  left:9px;
  right:9px;
  top:7px;
  bottom:7px;
  border-radius:8px;
  background:#fff;
}
.ag-nav{
  display:flex;
  gap:25px;
  align-items:center;
  font-weight:800;
  font-size:15px;
  color:#243a34;
}
.ag-nav a:hover{color:var(--ag2)}

/* Hero */
.ag-hero{
  position:relative;
  overflow:hidden;
  padding:74px 0 66px;
  background:
    radial-gradient(circle at 86% 20%,rgba(22,166,106,.18),transparent 32%),
    linear-gradient(135deg,#ffffff 0,#f5fff9 50%,#eaf8f0 100%);
}
.ag-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(22,166,106,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(22,166,106,.045) 1px,transparent 1px);
  background-size:46px 46px;
  pointer-events:none;
}
.ag-hero-grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);
  gap:54px;
  align-items:center;
}
.ag-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:999px;
  background:#fff;
  border:1px solid #cfebdd;
  color:var(--ag2);
  font-weight:900;
  font-size:14px;
  margin-bottom:18px;
}
.ag-hero h1,
.ag-copy h1{
  font-size:46px;
  line-height:1.18;
  letter-spacing:-.8px;
  margin:0 0 22px;
  color:#071b15;
}
.ag-hero p,
.ag-copy p{
  margin:0;
  color:#52645f;
  font-size:17px;
  max-width:660px;
}
.ag-actions{
  display:flex;
  gap:15px;
  align-items:center;
  flex-wrap:wrap;
  margin:32px 0 14px;
}
.ag-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 28px;
  border-radius:13px;
  background:linear-gradient(135deg,var(--ag),#0b8655);
  color:#fff;
  font-weight:900;
  box-shadow:0 14px 28px rgba(22,166,106,.25);
  transition:.2s;
}
.ag-btn:hover{transform:translateY(-1px)}
.ag-helper{
  display:flex;
  gap:8px;
  align-items:center;
  color:#657870;
  font-size:14px;
}
.ag-note{
  font-size:14px!important;
  color:#657870!important;
}

/* Hero visual */
.ag-hero-visual,
.ag-device{
  min-height:430px;
  position:relative;
  display:grid;
  place-items:center;
}
.ag-phone{
  width:248px;
  height:420px;
  border-radius:36px;
  padding:12px;
  background:linear-gradient(135deg,#0d1715,#40514b);
  box-shadow:0 30px 70px rgba(13,28,24,.28);
  transform:rotate(-5deg);
  position:relative;
  z-index:2;
}
.ag-phone:before,
.ag-phone-top{
  content:"";
  position:absolute;
  top:18px;
  left:50%;
  transform:translateX(-50%);
  width:82px;
  height:18px;
  border-radius:0 0 12px 12px;
  background:#101816;
  z-index:4;
}
.ag-phone-screen,
.ag-screen{
  height:100%;
  border-radius:28px;
  background:linear-gradient(180deg,#14a76a 0,#0b6848 42%,#fff 42%);
  padding:35px 18px 16px;
  color:#fff;
  overflow:hidden;
}
.ag-asset-title,
.ag-screen span{
  display:block;
  font-size:12px;
  opacity:.75;
}
.ag-asset-num,
.ag-screen strong{
  display:block;
  font-size:27px;
  margin:5px 0 14px;
  font-weight:900;
}
.ag-chart{
  height:92px;
  border-radius:15px;
  margin-bottom:26px;
  background:
    linear-gradient(160deg,transparent 49%,rgba(255,255,255,.36) 50% 53%,transparent 54%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.08),rgba(255,255,255,.08) 1px,transparent 1px,transparent 22px);
}
.ag-coin-list{
  margin-top:26px;
}
.ag-coin,
.ag-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  background:#f6faf8;
  border:1px solid #e2efe9;
  border-radius:12px;
  color:#13211f;
  padding:9px 11px;
  margin-bottom:9px;
  font-size:13px;
}
.ag-coin b{font-size:13px}
.ag-coin em,
.ag-row em,
.ag-rise{
  font-style:normal;
  color:var(--ag2);
  font-weight:900;
}
.ag-float-card,
.ag-bubble{
  position:absolute;
  z-index:3;
  background:#fff;
  border:1px solid #daf0e6;
  border-radius:18px;
  box-shadow:var(--shadow2);
  padding:15px 17px;
  font-size:13px;
  color:#596a65;
}
.ag-float-card.ag-left,
.ag-bubble.ag-b1,
.ag-b1{
  left:14px;
  top:92px;
}
.ag-float-card.ag-right,
.ag-bubble.ag-b2,
.ag-b2{
  right:16px;
  bottom:82px;
}
.ag-mini-title{
  font-size:13px;
  font-weight:900;
  margin-bottom:8px;
  color:#13211f;
}
.ag-mini-line{
  height:44px;
  border-radius:12px;
  background:
    linear-gradient(160deg,transparent 45%,rgba(22,166,106,.70) 46% 50%,transparent 51%),
    #f3fbf7;
}
.ag-bubble b{
  display:block;
  color:#13211f;
  font-size:17px;
  margin-top:2px;
}

/* Trust */
.ag-trust-strip,
.ag-trust{
  margin-top:-28px;
  position:relative;
  z-index:4;
}
.ag-trust-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.ag-trust-card,
.ag-trust-grid>div{
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  box-shadow:var(--shadow2);
  padding:24px;
}
.ag-trust-card{
  display:flex;
  gap:16px;
  align-items:flex-start;
}
.ag-icon{
  width:50px;
  height:50px;
  border-radius:16px;
  background:#e9f8f1;
  color:var(--ag2);
  display:grid;
  place-items:center;
  flex:0 0 auto;
  font-weight:900;
  font-size:20px;
}
.ag-trust-card h3,
.ag-trust-grid b{
  margin:0 0 7px;
  font-size:18px;
  color:#13211f;
}
.ag-trust-card p,
.ag-trust-grid p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.68;
}

/* Sections */
.ag-section{
  padding:66px 0;
}
.ag-soft,
.ag-section.ag-soft{
  background:linear-gradient(180deg,#fff,var(--soft));
}
.ag-section-title,
.ag-title{
  text-align:center;
  max-width:820px;
  margin:0 auto 32px;
}
.ag-section-title h2,
.ag-title h2,
.ag-center h2,
.ag-safe h2,
.ag-security-band h2{
  font-size:30px;
  line-height:1.3;
  margin:0 0 12px;
  color:#071b15;
}
.ag-section-title p,
.ag-title p{
  margin:0;
  color:var(--muted);
}
.ag-section-title:after,
.ag-title:after{
  content:"";
  display:block;
  width:44px;
  height:4px;
  border-radius:99px;
  background:var(--ag);
  margin:18px auto 0;
}
.ag-about-text,
.ag-center{
  max-width:940px;
  text-align:center;
  margin:0 auto;
  color:#52645f;
}
.ag-about-text p,
.ag-center p{
  margin:0 0 14px;
  color:#52645f;
}

/* Steps */
.ag-steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.ag-step-card,
.ag-steps>div{
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  box-shadow:var(--shadow2);
  padding:24px 22px;
  text-align:center;
}
.ag-step-num,
.ag-steps span{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:50%;
  background:var(--ag);
  color:#fff;
  font-weight:900;
  margin:0 auto 14px;
}
.ag-step-card h3,
.ag-steps h3,
.ag-info-card h3,
.ag-cards h3,
.ag-platform-card h3,
.ag-split h3,
.ag-faq-item h3,
.ag-faq h3{
  margin:0 0 7px;
  font-size:18px;
  color:#13211f;
}
.ag-step-card p,
.ag-steps p,
.ag-info-card p,
.ag-cards p,
.ag-platform-card p,
.ag-split p,
.ag-faq-item p,
.ag-faq p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.68;
}

/* Dual platform */
.ag-dual,
.ag-split{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}
.ag-platform-card,
.ag-split article{
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  box-shadow:var(--shadow2);
  padding:32px;
  position:relative;
  overflow:hidden;
}
.ag-platform-card:after,
.ag-split article:after{
  content:"";
  position:absolute;
  right:-45px;
  top:-45px;
  width:160px;
  height:160px;
  border-radius:50%;
  background:rgba(22,166,106,.08);
}
.ag-tag,
.ag-split small{
  display:inline-flex;
  padding:5px 10px;
  border-radius:999px;
  background:#e9f8f1;
  color:var(--ag2);
  font-weight:900;
  font-size:13px;
  margin-bottom:14px;
}

/* Cards */
.ag-card-grid,
.ag-cards{
  display:grid;
  gap:18px;
}
.ag-card-grid.ag-four,
.ag-cards{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.ag-info-card,
.ag-cards>div{
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  box-shadow:var(--shadow2);
  padding:26px 24px;
}

/* Security */
.ag-security-band,
.ag-safe{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:28px;
  align-items:center;
  background:linear-gradient(135deg,#071b15,#0d3c2d);
  border-radius:28px;
  color:#fff;
  padding:38px;
  box-shadow:0 22px 50px rgba(7,27,21,.22);
}
.ag-security-band h2,
.ag-safe h2{
  color:#fff;
}
.ag-security-band p,
.ag-safe p{
  margin:0;
  color:#d9f0e6;
}
.ag-checks{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.ag-check,
.ag-checks span{
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.17);
  border-radius:14px;
  padding:14px 16px;
  font-weight:900;
}

/* Notice */
.ag-notice-card,
.ag-notice{
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  box-shadow:var(--shadow2);
  padding:28px;
  max-width:980px;
  margin:0 auto;
}
.ag-notice-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.ag-notice-list div,
.ag-notice li{
  background:#f6fbf8;
  border:1px solid #e1f0e8;
  border-radius:14px;
  padding:14px 16px;
  color:#53645f;
  font-size:14px;
}
.ag-notice ul{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:18px 0 0;
  padding:0;
  list-style:none;
}

/* FAQ */
.ag-faq{
  display:grid;
  gap:14px;
}
.ag-faq-item,
.ag-faq>div{
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  box-shadow:var(--shadow2);
  padding:22px 24px;
}
.ag-faq-item{
  display:grid;
  grid-template-columns:36px 1fr;
  gap:12px;
  align-items:start;
}
.ag-q{
  width:28px;
  height:28px;
  border-radius:50%;
  background:#e9f8f1;
  color:var(--ag2);
  font-weight:900;
  display:grid;
  place-items:center;
}

/* Bottom CTA */
.ag-bottom-cta,
.ag-cta{
  margin-top:26px;
  background:#ecfaf3;
  border:1px solid #cfeedd;
  border-radius:22px;
  padding:24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.ag-bottom-cta strong,
.ag-cta strong{
  font-size:20px;
  color:#13211f;
}
.ag-bottom-cta span,
.ag-cta span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:14px;
}

/* Footer */
.ag-footer,
.ag-foot{
  background:linear-gradient(135deg,#071b15,#0b2b23);
  color:#dff2ea;
  text-align:center;
  padding:36px 0;
  font-size:14px;
}
.ag-footer p,
.ag-foot p{
  max-width:940px;
  margin:0 auto 10px;
  color:#cfe3dc;
}
.ag-copy,
.ag-foot p:last-child{
  color:#fff;
  font-weight:900;
}

/* Responsive */
@media(max-width:960px){
  section[id]{scroll-margin-top:76px}
  .ag-wrap{
    width:min(var(--max),calc(100% - 28px));
  }
  .ag-nav{display:none}
  .ag-head-inner,
  .ag-navrow{
    height:66px;
  }
  .ag-hero{
    padding:48px 0;
  }
  .ag-hero-grid,
  .ag-dual,
  .ag-split,
  .ag-security-band,
  .ag-safe{
    grid-template-columns:1fr;
    gap:30px;
  }
  .ag-hero h1,
  .ag-copy h1{
    font-size:34px;
    line-height:1.25;
  }
  .ag-hero p,
  .ag-copy p{
    font-size:15px;
  }
  .ag-hero-visual,
  .ag-device{
    min-height:360px;
  }
  .ag-phone{
    width:220px;
    height:380px;
  }
  .ag-float-card.ag-left,
  .ag-bubble.ag-b1,
  .ag-b1{
    left:0;
  }
  .ag-float-card.ag-right,
  .ag-bubble.ag-b2,
  .ag-b2{
    right:0;
  }
  .ag-trust-grid,
  .ag-steps,
  .ag-card-grid.ag-four,
  .ag-cards,
  .ag-notice-list,
  .ag-notice ul,
  .ag-checks{
    grid-template-columns:1fr;
  }
  .ag-section{
    padding:48px 0;
  }
  .ag-bottom-cta,
  .ag-cta{
    flex-direction:column;
    text-align:center;
  }
}

@media(max-width:520px){
  section[id]{scroll-margin-top:70px}
  .ag-hero{
    padding:42px 0;
  }
  .ag-hero h1,
  .ag-copy h1{
    font-size:30px;
  }
  .ag-hero-grid{
    gap:24px;
  }
  .ag-trust-card,
  .ag-step-card,
  .ag-info-card,
  .ag-platform-card,
  .ag-notice-card,
  .ag-faq-item,
  .ag-faq>div{
    padding:22px 18px;
  }
  .ag-bottom-cta,
  .ag-cta{
    padding:22px 18px;
  }
  .ag-bottom-cta strong,
  .ag-cta strong{
    font-size:18px;
  }
}