/* ==========================================================================
   Davinci 达芬奇 · 官网视觉系统 v3
   方向：深色金融科技基础设施 / 翡翠绿光 / 点阵与网格 / 玻璃态
   意象：深色空间里一束精确的翡翠绿光沿轨道流动
   ========================================================================== */

:root{
	--c-bg:#0A0E0C;
	--c-surface:#0F1613;
	--c-surface-2:#131C18;
	--c-surface-3:#17211C;
	--c-brand:#10B981;
	--c-brand-hi:#34D399;
	--c-brand-deep:#059669;
	--c-teal:#2DD4BF;
	--c-hi:#6EE7B7;
	--c-hi-2:#A7F3D0;
	--c-text:#F4F7F5;
	--c-text-2:#9AA5A1;
	--c-text-3:#6E7A75;
	--c-line:rgba(255,255,255,0.08);
	--c-line-2:rgba(255,255,255,0.14);
	--c-glow:rgba(16,185,129,0.16);
	--font-sans:-apple-system,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC","Noto Sans SC","Helvetica Neue",Helvetica,Arial,sans-serif;
	--font-mono:"SF Mono","JetBrains Mono","Roboto Mono","Menlo","Consolas",monospace;
	--ease:cubic-bezier(0.16,1,0.3,1);
	--shadow:0 20px 50px rgba(0,0,0,0.4);
	--shadow-sm:0 8px 24px rgba(0,0,0,0.3);
}

*{margin:0;padding:0;box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
	font-family:var(--font-sans);
	color:var(--c-text);
	background:var(--c-bg);
	line-height:1.7;
	font-size:15px;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	overflow-x:hidden;
}
em{font-style:normal;color:var(--c-brand-hi);}
a{text-decoration:none;color:inherit;}
::selection{background:rgba(16,185,129,0.3);color:#fff;}

/* ==========================================================================
   导航
   ========================================================================== */
.dav-nav{
	position:fixed;top:0;left:0;right:0;z-index:1000;
	height:76px;
	transition:background .3s var(--ease),box-shadow .3s var(--ease),height .3s var(--ease),border-color .3s;
	border-bottom:1px solid transparent;
}
.dav-nav__inner{
	max-width:1180px;margin:0 auto;padding:0 32px;
	height:100%;display:flex;align-items:center;justify-content:space-between;
}
.dav-nav.scrolled{
	background:rgba(10,14,12,0.82);
	backdrop-filter:blur(18px) saturate(140%);
	-webkit-backdrop-filter:blur(18px) saturate(140%);
	border-bottom-color:var(--c-line);
	height:64px;
}
.dav-brand{display:flex;align-items:center;gap:12px;}
.dav-brand__mark{
	width:34px;height:34px;flex:none;
	display:grid;place-items:center;
	background:linear-gradient(135deg,var(--c-brand) 0%,var(--c-teal) 100%);
	color:#04160E;
	font-family:var(--font-sans);
	font-size:18px;font-weight:800;
	border-radius:8px;
	box-shadow:0 0 0 1px rgba(16,185,129,0.35),0 0 22px rgba(16,185,129,0.35);
}
.dav-brand__text{
	font-family:var(--font-sans);
	font-size:19px;font-weight:700;color:#fff;letter-spacing:.3px;
	display:flex;align-items:baseline;gap:8px;
}
.dav-brand__text em{font-size:14px;font-weight:500;color:var(--c-text-2);letter-spacing:1px;}
body{margin-top:0;}

.dav-nav__menu{display:flex;align-items:center;gap:4px;}
.dav-nav__link{
	padding:9px 16px;border-radius:8px;
	font-size:14.5px;color:var(--c-text-2);
	transition:color .2s,background .2s;
}
.dav-nav__link:hover{color:#fff;background:rgba(255,255,255,0.05);}
.dav-nav__link.active{color:var(--c-brand-hi);}
.dav-nav__actions{display:flex;align-items:center;gap:12px;}
.dav-nav__toggle{display:none;background:none;border:0;width:32px;height:32px;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;}
.dav-nav__toggle span{display:block;height:2px;background:#fff;transition:.3s var(--ease);}
.dav-nav__toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.dav-nav__toggle.active span:nth-child(2){opacity:0;}
.dav-nav__toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ==========================================================================
   按钮
   ========================================================================== */
.dav-btn{
	display:inline-flex;align-items:center;justify-content:center;
	border-radius:8px;font-weight:600;letter-spacing:.3px;
	transition:transform .2s var(--ease),box-shadow .25s var(--ease),background .2s,border-color .2s,filter .2s;
	cursor:pointer;border:1px solid transparent;
}
.dav-btn:hover{transform:translateY(-2px);}
.dav-btn--sm{height:38px;padding:0 20px;font-size:13.5px;}
.dav-btn--lg{height:54px;padding:0 40px;font-size:16px;}
.dav-btn--primary{
	background:linear-gradient(135deg,var(--c-brand) 0%,var(--c-teal) 100%);
	color:#04160E;
	box-shadow:0 8px 24px rgba(16,185,129,0.28);
}
.dav-btn--primary:hover{box-shadow:0 12px 34px rgba(16,185,129,0.42);filter:brightness(1.04);}
.dav-btn--ghost{
	border-color:var(--c-line-2);color:var(--c-text);background:rgba(255,255,255,0.02);
}
.dav-btn--ghost:hover{border-color:var(--c-brand);color:var(--c-brand-hi);background:rgba(16,185,129,0.08);}

/* ==========================================================================
   Hero
   ========================================================================== */
.dav-hero{
	position:relative;overflow:hidden;
	background:
		radial-gradient(900px 520px at 78% -10%,rgba(16,185,129,0.22),transparent 60%),
		radial-gradient(700px 400px at 12% 20%,rgba(45,212,191,0.10),transparent 55%),
		var(--c-bg);
	color:#fff;
}
.dav-hero__grid{
	position:absolute;inset:0;
	background-image:
		radial-gradient(rgba(255,255,255,0.055) 1px,transparent 1px);
	background-size:26px 26px;
	mask-image:radial-gradient(ellipse at center,black 0%,transparent 72%);
	-webkit-mask-image:radial-gradient(ellipse at center,black 0%,transparent 72%);
}
.dav-hero__inner{
	position:relative;max-width:1180px;margin:0 auto;padding:128px 32px 72px;
	text-align:center;
}
.dav-hero__badge{
	display:inline-flex;align-items:center;gap:8px;
	padding:7px 18px;margin-bottom:30px;
	border:1px solid rgba(16,185,129,0.35);border-radius:100px;
	color:var(--c-brand-hi);font-size:13px;letter-spacing:1.5px;
	background:rgba(16,185,129,0.06);
}
.dav-hero__badge::before{
	content:'';width:6px;height:6px;border-radius:50%;
	background:var(--c-brand);box-shadow:0 0 10px var(--c-brand);
}
.dav-hero__title{
	font-family:var(--font-sans);
	font-size:62px;line-height:1.18;font-weight:800;letter-spacing:-1.5px;
	background:linear-gradient(180deg,#FFFFFF 0%,#C9D6D1 100%);
	-webkit-background-clip:text;background-clip:text;
	-webkit-text-fill-color:transparent;color:transparent;
}
.dav-hero__title em{
	background:linear-gradient(135deg,var(--c-brand-hi) 0%,var(--c-teal) 100%);
	-webkit-background-clip:text;background-clip:text;
	-webkit-text-fill-color:transparent;color:transparent;
}
.dav-hero__sub{margin-top:26px;font-size:17px;color:var(--c-text-2);letter-spacing:.3px;}
.dav-hero__actions{margin-top:44px;display:flex;gap:18px;justify-content:center;}
.dav-hero__stats{
	margin-top:76px;display:grid;grid-template-columns:repeat(4,1fr);
	border:1px solid var(--c-line);border-radius:14px;
	background:rgba(15,22,19,0.6);
	backdrop-filter:blur(8px);
	-webkit-backdrop-filter:blur(8px);
	overflow:hidden;
}
.dav-stat{padding:28px 16px;display:flex;flex-direction:column;gap:6px;position:relative;}
.dav-stat + .dav-stat::before{
	content:'';position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--c-line);
}
.dav-stat strong{
	font-family:var(--font-sans);font-size:30px;font-weight:700;color:var(--c-brand-hi);
	font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.5px;
}
.dav-stat span{font-size:13px;color:var(--c-text-3);letter-spacing:1px;}
.dav-hero__scroll{
	position:relative;padding-bottom:30px;text-align:center;
	font-size:12px;letter-spacing:3px;color:var(--c-text-3);
}
.dav-hero__scroll::before{
	content:'';display:block;margin:0 auto 10px;width:1px;height:34px;
	background:linear-gradient(var(--c-brand-hi),transparent);
	animation:scrollpulse 2s var(--ease) infinite;
}
@keyframes scrollpulse{0%{opacity:.15;}50%{opacity:1;}100%{opacity:.15;}}

/* ==========================================================================
   信任条
   ========================================================================== */
.dav-strip{background:var(--c-surface);border-bottom:1px solid var(--c-line);}
.dav-strip__inner{
	max-width:1180px;margin:0 auto;padding:20px 32px;
	display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap;
	color:var(--c-text-2);font-size:13.5px;letter-spacing:2px;
}
.dav-strip i{width:4px;height:4px;background:var(--c-brand);border-radius:50%;box-shadow:0 0 8px var(--c-brand);}

/* ==========================================================================
   区块
   ========================================================================== */
.dav-section{padding:110px 32px;background:var(--c-bg);}
.dav-section--light{background:var(--c-bg);}
.dav-section--dark{
	background:
		radial-gradient(1200px 600px at 50% 120%,rgba(16,185,129,0.10),transparent 60%),
		var(--c-surface);
	color:#fff;
}
.dav-section__head{max-width:720px;margin:0 auto 64px;text-align:center;}
.dav-section__head h2{font-family:var(--font-sans);font-size:38px;font-weight:800;margin:16px 0 18px;letter-spacing:-1px;color:#fff;}
.dav-section__head p{color:var(--c-text-2);font-size:16px;}
.dav-eyebrow{font-size:12px;letter-spacing:4px;color:var(--c-brand-hi);text-transform:uppercase;}
.dav-eyebrow--gold{color:var(--c-brand-hi);}

/* ==========================================================================
   栅格与卡片
   ========================================================================== */
.dav-grid{max-width:1180px;margin:0 auto;display:grid;gap:24px;}
.dav-grid--3{grid-template-columns:repeat(3,1fr);}
.dav-grid--4{grid-template-columns:repeat(4,1fr);}
.dav-card{
	background:linear-gradient(180deg,rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.01) 100%),var(--c-surface);
	border:1px solid var(--c-line);border-radius:12px;
	padding:40px 34px;position:relative;overflow:hidden;
	transition:transform .3s var(--ease),border-color .3s,box-shadow .3s;
}
.dav-card::before{
	content:'';position:absolute;left:0;top:0;width:100%;height:2px;
	background:linear-gradient(90deg,var(--c-brand),var(--c-teal),transparent);
	transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease);
}
.dav-card::after{
	content:'';position:absolute;inset:-40% 0 auto;height:80%;
	background:radial-gradient(500px 260px at 50% 0%,rgba(16,185,129,0.10),transparent 70%);
	opacity:0;transition:opacity .4s;pointer-events:none;
}
.dav-card:hover{
	transform:translateY(-6px);border-color:rgba(16,185,129,0.35);
	box-shadow:var(--shadow);
}
.dav-card:hover::before{transform:scaleX(1);}
.dav-card:hover::after{opacity:1;}
.dav-card__index{
	font-family:var(--font-mono);font-size:14px;font-weight:600;line-height:1;
	color:var(--c-brand-hi);letter-spacing:2px;margin-bottom:22px;
	display:inline-flex;align-items:center;gap:8px;
}
.dav-card__index::before{content:'';width:18px;height:1px;background:var(--c-brand);}
.dav-card h3{font-family:var(--font-sans);font-size:21px;font-weight:700;margin-bottom:14px;color:#fff;letter-spacing:-.3px;}
.dav-card p{color:var(--c-text-2);font-size:14.5px;}

.dav-feature{padding:20px 12px;position:relative;}
.dav-feature::before{
	content:'';position:absolute;left:0;top:10px;bottom:10px;width:1px;
	background:linear-gradient(var(--c-brand),transparent);opacity:0;
	transition:opacity .3s;
}
.dav-feature:hover::before{opacity:1;}
.dav-feature__num{
	font-family:var(--font-mono);font-size:14px;color:var(--c-brand-hi);
	letter-spacing:2px;margin-bottom:16px;
	font-feature-settings:"tnum";
}
.dav-feature h3{font-family:var(--font-sans);font-size:19px;font-weight:700;margin-bottom:12px;color:#fff;}
.dav-feature p{color:var(--c-text-2);font-size:14px;}

/* ==========================================================================
   CTA
   ========================================================================== */
.dav-cta{padding:110px 32px;text-align:center;background:var(--c-bg);}
.dav-cta__inner{
	max-width:680px;margin:0 auto;padding:64px 48px;
	border-radius:18px;position:relative;overflow:hidden;
	background:
		radial-gradient(600px 300px at 50% 0%,rgba(16,185,129,0.18),transparent 70%),
		linear-gradient(180deg,var(--c-surface-2),var(--c-surface));
	border:1px solid var(--c-line-2);
}
.dav-cta__inner::before{
	content:'';position:absolute;inset:0;
	background-image:radial-gradient(rgba(255,255,255,0.05) 1px,transparent 1px);
	background-size:22px 22px;
	mask-image:radial-gradient(ellipse at center,black,transparent 75%);
	-webkit-mask-image:radial-gradient(ellipse at center,black,transparent 75%);
	pointer-events:none;
}
.dav-cta h2{font-family:var(--font-sans);font-size:34px;font-weight:800;margin:16px 0 16px;letter-spacing:-1px;color:#fff;position:relative;}
.dav-cta p{color:var(--c-text-2);margin-bottom:36px;position:relative;}

/* ==========================================================================
   页面 Hero / 正文
   ========================================================================== */
.dav-page-hero{
	background:
		radial-gradient(900px 400px at 50% -20%,rgba(16,185,129,0.24),transparent 62%),
		var(--c-bg);
	color:#fff;text-align:center;
	border-bottom:1px solid var(--c-line);
	position:relative;overflow:hidden;
}
.dav-page-hero::before{
	content:'';position:absolute;inset:0;
	background-image:radial-gradient(rgba(255,255,255,0.05) 1px,transparent 1px);
	background-size:24px 24px;
	mask-image:radial-gradient(ellipse at center,black,transparent 75%);
	-webkit-mask-image:radial-gradient(ellipse at center,black,transparent 75%);
	pointer-events:none;
}
.dav-page-hero__inner{max-width:760px;margin:0 auto;padding:112px 32px 72px;position:relative;}
.dav-page-hero h1{font-family:var(--font-sans);font-size:48px;font-weight:800;margin:16px 0 14px;letter-spacing:-1px;}
.dav-page-hero p{color:var(--c-text-2);}
.dav-prose{max-width:760px;margin:0 auto;color:var(--c-text-2);}
.dav-prose p{margin-bottom:22px;font-size:15.5px;line-height:2;color:var(--c-text-2);}
.dav-prose h4{color:#fff;margin:28px 0 12px;font-size:17px;}

/* ==========================================================================
   页脚
   ========================================================================== */
.dav-footer{background:var(--c-surface);color:#fff;border-top:1px solid var(--c-line);}
.dav-footer__inner{
	max-width:1180px;margin:0 auto;padding:72px 32px 48px;
	display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;
}
.dav-brand--light .dav-brand__text{color:#fff;}
.dav-footer__brand p{margin-top:18px;color:var(--c-text-3);font-size:13.5px;line-height:2;}
.dav-footer__col{display:flex;flex-direction:column;gap:12px;}
.dav-footer__col h4{font-family:var(--font-sans);font-size:14px;color:var(--c-brand-hi);margin-bottom:8px;letter-spacing:1px;font-weight:600;}
.dav-footer__col a,.dav-footer__col p{color:var(--c-text-2);font-size:13.5px;transition:color .2s;}
.dav-footer__col a:hover{color:var(--c-brand-hi);}
.dav-footer__bar{
	border-top:1px solid var(--c-line);padding:22px 32px;
	text-align:center;color:var(--c-text-3);font-size:12.5px;
}

/* ==========================================================================
   接入流程
   ========================================================================== */
.dav-steps{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative;}
.dav-steps::before{
	content:'';position:absolute;top:30px;left:12.5%;right:12.5%;height:1px;
	background:linear-gradient(90deg,transparent,rgba(16,185,129,0.4),var(--c-brand),rgba(16,185,129,0.4),transparent);
}
.dav-step{position:relative;padding:8px 12px;text-align:center;}
.dav-step__num{
	position:relative;z-index:1;
	width:44px;height:44px;margin:0 auto 20px;display:grid;place-items:center;
	border:1px solid rgba(16,185,129,0.45);border-radius:50%;
	background:var(--c-bg);
	font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--c-brand-hi);
	box-shadow:0 0 0 6px rgba(16,185,129,0.05),0 0 22px rgba(16,185,129,0.18);
}
.dav-step h3{font-size:18px;font-weight:700;margin-bottom:10px;color:#fff;letter-spacing:-.3px;}
.dav-step p{color:var(--c-text-2);font-size:14px;}

/* ==========================================================================
   响应式
   ========================================================================== */
@media(max-width:960px){
	.dav-grid--4{grid-template-columns:repeat(2,1fr);}
	.dav-grid--3{grid-template-columns:1fr;}
	.dav-steps{grid-template-columns:repeat(2,1fr);}
	.dav-steps::before{display:none;}
	.dav-footer__inner{grid-template-columns:1fr 1fr;}
	.dav-nav__menu{
		position:fixed;top:64px;right:0;left:0;
		background:rgba(10,14,12,0.98);flex-direction:column;align-items:stretch;
		padding:16px 24px 24px;gap:4px;
		transform:translateY(-120%);transition:transform .35s var(--ease);
		backdrop-filter:blur(20px);
	}
	.dav-nav__menu.open{transform:translateY(0);}
	.dav-nav__link{padding:14px 12px;border-bottom:1px solid var(--c-line);}
	.dav-nav__toggle{display:flex;}
	.dav-nav__actions{margin-left:auto;margin-right:12px;}
	.dav-nav__actions .dav-btn--sm{padding:0 14px;}
	.dav-hero__title{font-size:40px;}
	.dav-hero__inner{padding:96px 20px 56px;}
	.dav-hero__stats{grid-template-columns:repeat(2,1fr);}
	.dav-section{padding:72px 20px;}
	.dav-section__head h2,.dav-cta h2{font-size:30px;}
	.dav-strip__inner{gap:16px;letter-spacing:1px;}
}
@media(max-width:560px){
	.dav-footer__inner{grid-template-columns:1fr;}
	.dav-grid--4{grid-template-columns:1fr;}
	.dav-steps{grid-template-columns:1fr;}
	.dav-hero__actions{flex-direction:column;align-items:center;}
	.dav-btn--lg{width:100%;max-width:320px;}
	.dav-cta__inner{padding:48px 24px;}
	.dav-stat strong{font-size:24px;}
}