*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
	:root{
		--bg:#f8f7f4;
		--bg-alt:#f1efe9;
		--paper:#ffffff;
		--ink:#1a1a1a;
		--ink-2:#444;
		--ink-3:#777;
		--ink-4:#aaa;
		--ink-5:#ccc;
		--green:#2a7d4f;
		--green-light:#e6f4ec;
		--green-bg:#f0f9f4;
		--blue:#4a7fb5;
		--blue-light:#e8f0f8;
		--amber:#c49a3c;
		--amber-light:#fdf6e8;
		--rose:#c45c6a;
		--rose-light:#fceef0;
		--violet:#7c6bb5;
		--violet-light:#f0ecf8;
		--line:#e6e3dc;
		--line-light:#efede8;
	}
	html{scroll-behavior:smooth;font-size:16px}
	body{
		font-family:'Noto Sans SC',sans-serif;
		background:var(--bg);
		color:var(--ink);
		line-height:1.75;
		overflow-x:hidden;
		-webkit-font-smoothing:antialiased;
	}
	a{color:var(--green);text-decoration:none;transition:color .2s}
	a:hover{color:var(--ink)}
	img{max-width:100%;display:block}
	.container{max-width:1080px;margin:0 auto;padding:0 32px}
	.narrow{max-width:720px;margin:0 auto}

	nav{
		position:fixed;top:0;left:0;right:0;z-index:100;
		background:rgba(248,247,244,0.9);
		backdrop-filter:blur(16px);
	}
	.nav-inner{
		max-width:1080px;margin:0 auto;padding:0 32px;
		display:flex;align-items:center;justify-content:space-between;
		height:56px;
	}
	.nav-left{display:flex;align-items:center;gap:28px}
	.nav-logo{font-weight:700;font-size:.95rem;color:var(--ink);letter-spacing:-.01em}
	.nav-links{display:flex;gap:24px;list-style:none}
	.nav-links a{color:var(--ink-3);font-size:.82rem;transition:color .2s}
	.nav-links a:hover{color:var(--ink)}
	.nav-right{display:flex;align-items:center;gap:16px}
	.nav-ver{
		font-family:'DM Mono',monospace;font-size:.7rem;
		color:var(--ink-4);letter-spacing:.04em;
	}
	.nav-btn{
		background:var(--ink);color:var(--bg);
		padding:6px 18px;border-radius:99px;font-size:.8rem;
		font-weight:500;border:none;cursor:pointer;
		transition:all .2s;
	}
	.nav-btn:hover{background:var(--green);color:#fff}

	.hero{
		padding:140px 0 60px;
		min-height:92vh;display:flex;align-items:center;
	}
	.hero-inner{
		display:grid;
		grid-template-columns:1fr 380px;
		gap:60px;align-items:start;
	}
	.hero-left{position:relative}
	.hero-eyebrow{
		font-family:'DM Mono',monospace;font-size:.72rem;
		color:var(--ink-4);letter-spacing:.15em;text-transform:uppercase;
		margin-bottom:24px;
	}
	.hero-title{
		font-family:'Instrument Serif','Noto Sans SC',serif;
		font-size:4.2rem;line-height:1.08;font-weight:400;
		letter-spacing:-.03em;margin-bottom:28px;
		color:var(--ink);
	}
	.hero-title em{
		font-style:italic;color:var(--green);
	}
	.hero-lead{
		font-size:1.05rem;color:var(--ink-3);line-height:1.85;
		max-width:440px;margin-bottom:36px;font-weight:300;
	}
	.hero-cta-row{display:flex;gap:12px;align-items:center;margin-bottom:20px}
	.btn-main{
		display:inline-flex;align-items:center;gap:8px;
		background:var(--ink);color:var(--bg);
		padding:12px 28px;border-radius:99px;
		font-size:.9rem;font-weight:500;border:none;cursor:pointer;
		transition:all .3s;
	}
	.btn-main:hover{background:var(--green);color:#fff;transform:translateY(-1px)}
	.btn-main svg{width:16px;height:16px}
	.btn-ghost{
		display:inline-flex;align-items:center;gap:6px;
		background:none;border:1px solid var(--line);
		color:var(--ink-2);padding:11px 22px;border-radius:99px;
		font-size:.88rem;cursor:pointer;transition:all .2s;
	}
	.btn-ghost:hover{border-color:var(--ink-3);background:var(--paper)}
	.hero-foot{
		display:flex;gap:20px;font-size:.76rem;color:var(--ink-4);
		font-family:'DM Mono',monospace;letter-spacing:.02em;
	}

	.hero-right{position:relative}
	.hero-card-stack{position:relative}
	.hero-card{
		background:var(--paper);border:1px solid var(--line);
		border-radius:16px;overflow:hidden;
		box-shadow:0 8px 40px rgba(0,0,0,0.06);
		position:relative;z-index:2;
	}
	.card-head{
		display:flex;align-items:center;justify-content:space-between;
		padding:14px 18px;border-bottom:1px solid var(--line-light);
		background:var(--bg-alt);
	}
	.card-dots{display:flex;gap:6px}
	.card-dots span{width:8px;height:8px;border-radius:50%;background:var(--ink-5)}
	.card-dots span:first-child{background:#e86b6b}
	.card-dots span:nth-child(2){background:#f5c04a}
	.card-dots span:nth-child(3){background:#5ec269}
	.card-title{font-size:.7rem;color:var(--ink-4);font-family:'DM Mono',monospace}
	.card-body{padding:20px}
	.card-translate{display:grid;grid-template-columns:1fr 1fr;gap:16px}
	.card-lang{font-size:.68rem;color:var(--ink-4);margin-bottom:6px;text-transform:uppercase;letter-spacing:.08em}
	.card-text{font-size:.88rem;line-height:1.75;color:var(--ink-2)}
	.card-text.zh{font-weight:400}
	.card-text.en{color:var(--green)}
	.card-divider{width:1px;background:var(--line-light);margin:0 -8px}
	.card-tags{
		margin-top:14px;padding-top:12px;
		border-top:1px solid var(--line-light);
		display:flex;gap:8px;flex-wrap:wrap;
	}
	.card-tag{
		font-size:.68rem;color:var(--ink-3);
		background:var(--bg-alt);padding:3px 10px;
		border-radius:99px;
	}

	.hero-card-shadow{
		position:absolute;top:16px;left:16px;right:-16px;bottom:-16px;
		background:var(--paper);border:1px solid var(--line);
		border-radius:16px;z-index:1;
		box-shadow:0 4px 20px rgba(0,0,0,0.03);
	}
	.hero-badge{
		position:absolute;top:-12px;right:-12px;z-index:3;
		background:var(--green);color:#fff;
		font-size:.68rem;font-weight:600;
		padding:5px 12px;border-radius:99px;
		box-shadow:0 2px 12px rgba(42,125,79,0.25);
	}
	.hero-badge-dot{
		display:inline-block;width:5px;height:5px;
		border-radius:50%;background:#8ef5a8;
		margin-right:5px;vertical-align:middle;
		animation:blink 2s ease infinite;
	}
	@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}

	.marquee-section{
		padding:24px 0;
		border-top:1px solid var(--line);
		border-bottom:1px solid var(--line);
		overflow:hidden;
		background:var(--paper);
	}
	.marquee-track{
		display:flex;gap:48px;
		animation:marquee 30s linear infinite;
		white-space:nowrap;
	}
	.marquee-item{
		font-size:.82rem;color:var(--ink-4);
		font-weight:300;display:flex;align-items:center;gap:10px;
		flex-shrink:0;
	}
	.marquee-item .dot{width:4px;height:4px;border-radius:50%;background:var(--ink-5)}
	@keyframes marquee{
		0%{transform:translateX(0)}
		100%{transform:translateX(-50%)}
	}

	.section{padding:96px 0}
	.section-label{
		font-family:'DM Mono',monospace;font-size:.68rem;
		color:var(--ink-4);letter-spacing:.2em;text-transform:uppercase;
		margin-bottom:12px;
	}
	.section-heading{
		font-family:'Instrument Serif',serif;
		font-size:2.6rem;line-height:1.15;font-weight:400;
		letter-spacing:-.02em;margin-bottom:16px;
	}
	.section-heading em{font-style:italic;color:var(--green)}
	.section-sub{
		font-size:.95rem;color:var(--ink-3);line-height:1.8;
		max-width:520px;font-weight:300;
	}

	.stats-strip{
		display:flex;gap:0;margin-top:48px;
		border:1px solid var(--line);border-radius:14px;
		overflow:hidden;background:var(--paper);
	}
	.stat-cell{
		flex:1;padding:28px 24px;text-align:center;
		border-right:1px solid var(--line-light);
	}
	.stat-cell:last-child{border-right:none}
	.stat-val{
		font-family:'Instrument Serif',serif;
		font-size:2.4rem;color:var(--ink);line-height:1;
		margin-bottom:6px;
	}
	.stat-val small{font-size:.9rem;color:var(--ink-3);font-family:'Noto Sans SC',sans-serif}
	.stat-lbl{font-size:.76rem;color:var(--ink-4);font-weight:300}

	.features-layout{
		display:grid;
		grid-template-columns:1fr 1fr;
		gap:16px;margin-top:56px;
	}
	.feat{
		padding:32px;border-radius:14px;
		border:1px solid var(--line-light);
		background:var(--paper);
		transition:all .3s;
		position:relative;overflow:hidden;
	}
	.feat:hover{
		border-color:var(--line);
		box-shadow:0 8px 32px rgba(0,0,0,0.05);
		transform:translateY(-3px);
	}
	.feat.wide{grid-column:span 2}
	.feat-num{
		font-family:'DM Mono',monospace;font-size:.65rem;
		color:var(--ink-5);letter-spacing:.05em;margin-bottom:14px;
	}
	.feat-emoji{font-size:1.6rem;margin-bottom:14px}
	.feat h3{font-size:1.05rem;font-weight:600;margin-bottom:8px}
	.feat p{font-size:.85rem;color:var(--ink-3);line-height:1.75;font-weight:300}
	.feat.wide .feat-inner{
		display:grid;grid-template-columns:1fr 1fr;gap:32px;
		align-items:center;
	}
	.feat-demo{
		background:var(--bg-alt);border-radius:10px;
		padding:20px;font-family:'DM Mono',monospace;
		font-size:.75rem;color:var(--ink-3);line-height:1.8;
		border:1px solid var(--line-light);
	}
	.feat-demo .hl{color:var(--green);font-weight:500}

	.dict-section{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
	.dict-layout{
		display:grid;grid-template-columns:280px 1fr;gap:48px;
		align-items:start;margin-top:48px;
	}
	.dict-sidebar{position:sticky;top:80px}
	.dict-sidebar-title{
		font-family:'Instrument Serif',serif;
		font-size:1.8rem;line-height:1.2;margin-bottom:12px;
	}
	.dict-sidebar-desc{font-size:.85rem;color:var(--ink-3);line-height:1.75;font-weight:300}
	.dict-list{display:flex;flex-direction:column;gap:12px}
	.dict-entry{
		display:grid;grid-template-columns:auto 1fr auto;
		gap:16px;align-items:center;
		padding:20px 24px;
		background:var(--bg);border-radius:12px;
		border:1px solid var(--line-light);
		transition:all .25s;
	}
	.dict-entry:hover{
		border-color:var(--line);
		box-shadow:0 4px 16px rgba(0,0,0,0.04);
		transform:translateX(4px);
	}
	.dict-icon{
		width:44px;height:44px;border-radius:10px;
		display:flex;align-items:center;justify-content:center;
		font-size:1.3rem;
	}
	.dict-icon.g{background:var(--green-light)}
	.dict-icon.b{background:var(--blue-light)}
	.dict-icon.a{background:var(--amber-light)}
	.dict-icon.v{background:var(--violet-light)}
	.dict-entry h4{font-size:.92rem;font-weight:600;margin-bottom:2px}
	.dict-entry p{font-size:.78rem;color:var(--ink-3);font-weight:300}
	.dict-count{
		font-family:'DM Mono',monospace;font-size:.72rem;
		color:var(--ink-4);white-space:nowrap;
	}

	.process-layout{
		display:grid;grid-template-columns:repeat(4,1fr);gap:0;
		margin-top:56px;position:relative;
	}
	.process-step{
		padding:24px 20px;text-align:center;
		position:relative;
		border-right:1px solid var(--line-light);
	}
	.process-step:last-child{border-right:none}
	.process-num{
		font-family:'Instrument Serif',serif;
		font-size:3rem;color:var(--line);line-height:1;
		margin-bottom:16px;
	}
	.process-step:hover .process-num{color:var(--green)}
	.process-step h4{font-size:.92rem;font-weight:600;margin-bottom:6px}
	.process-step p{font-size:.78rem;color:var(--ink-3);line-height:1.7;font-weight:300}
	.process-arrow{
		position:absolute;top:50%;right:-8px;z-index:1;
		width:16px;height:16px;border-radius:50%;
		background:var(--bg);border:1px solid var(--line);
		display:flex;align-items:center;justify-content:center;
		font-size:.5rem;color:var(--ink-4);transform:translateY(-50%);
	}

	.faq-layout{margin-top:56px}
	.faq-item{
		border-bottom:1px solid var(--line-light);
		overflow:hidden;
	}
	.faq-q{
		display:flex;align-items:center;justify-content:space-between;
		padding:22px 0;cursor:pointer;
		font-size:.95rem;font-weight:500;
		transition:color .2s;user-select:none;
	}
	.faq-q:hover{color:var(--green)}
	.faq-q .arrow{
		width:28px;height:28px;border-radius:50%;
		border:1px solid var(--line);display:flex;
		align-items:center;justify-content:center;
		font-size:.7rem;color:var(--ink-4);
		transition:all .3s;flex-shrink:0;
	}
	.faq-item.open .faq-q .arrow{
		transform:rotate(45deg);
		background:var(--green);border-color:var(--green);color:#fff;
	}
	.faq-a{
		max-height:0;overflow:hidden;
		transition:max-height .4s ease;
	}
	.faq-item.open .faq-a{max-height:280px}
	.faq-a-inner{padding:0 0 22px;font-size:.88rem;color:var(--ink-3);line-height:1.85;font-weight:300}

	.cta-band{
		margin:96px 0;
		background:var(--ink);
		border-radius:20px;padding:64px 48px;
		display:grid;grid-template-columns:1fr auto;
		gap:40px;align-items:center;
		position:relative;overflow:hidden;
	}
	.cta-band::before{
		content:'';position:absolute;
		width:400px;height:400px;border-radius:50%;
		background:radial-gradient(circle,rgba(42,125,79,0.15) 0%,transparent 70%);
		top:-150px;right:-100px;
	}
	.cta-band h2{
		font-family:'Instrument Serif',serif;
		font-size:2.4rem;color:var(--bg);
		line-height:1.15;font-weight:400;
		letter-spacing:-.01em;
	}
	.cta-band h2 em{font-style:italic;color:var(--green)}
	.cta-band p{
		font-size:.92rem;color:rgba(248,247,244,0.5);
		margin-top:8px;font-weight:300;
	}
	.cta-actions{display:flex;gap:12px;flex-wrap:wrap}
	.btn-light{
		background:var(--bg);color:var(--ink);
		padding:14px 32px;border-radius:99px;font-size:.9rem;
		font-weight:500;border:none;cursor:pointer;
		transition:all .25s;display:inline-flex;align-items:center;gap:8px;
	}
	.btn-light:hover{background:var(--green);color:#fff;transform:translateY(-1px)}
	.btn-light svg{width:16px;height:16px}
	.btn-outline{
		background:none;color:var(--bg);
		border:1px solid rgba(248,247,244,0.2);
		padding:13px 28px;border-radius:99px;font-size:.88rem;
		cursor:pointer;transition:all .2s;
	}
	.btn-outline:hover{border-color:rgba(248,247,244,0.5);background:rgba(248,247,244,0.05)}

	.os-row{
		display:flex;gap:16px;margin-top:16px;
	}
	.os-pill{
		font-size:.76rem;color:rgba(248,247,244,0.41px solid rgba(248,247,244,0.1);
		border-radius:99px;transition:all .2s;);
		padding:4px 12px;border:cursor:pointer;
	}
	.os-pill:hover{color:var(--bg);border-color:rgba(248,247,244,0.3)}

	footer{
		border-top:1px solid var(--line);
		padding:48px 0 32px;
	}
	.footer-inner{
		display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;
	}
	.footer-brand p{
		font-size:.8rem;color:var(--ink-3);margin-top:10px;
		line-height:1.75;font-weight:300;max-width:260px;
	}
	.footer-col h6{
		font-size:.7rem;font-weight:600;text-transform:uppercase;
		letter-spacing:.12em;color:var(--ink-4);margin-bottom:14px;
	}
	.footer-col ul{list-style:none}
	.footer-col li{margin-bottom:8px}
	.footer-col a{color:var(--ink-3);font-size:.82rem;font-weight:300}
	.footer-col a:hover{color:var(--ink)}
	.footer-bar{
		display:flex;justify-content:space-between;align-items:center;
		margin-top:36px;padding-top:20px;
		border-top:1px solid var(--line-light);
		font-size:.74rem;color:var(--ink-4);font-weight:300;
	}
	.footer-links{display:flex;gap:20px}
	.footer-links a{color:var(--ink-4);font-weight:300}
	.footer-links a:hover{color:var(--ink-2)}

	@media(max-width:900px){
		.hero-inner{grid-template-columns:1fr;gap:40px}
		.hero-title{font-size:2.8rem}
		.hero-right{max-width:480px}
		.features-layout{grid-template-columns:1fr}
		.feat.wide{grid-column:span 1}
		.feat.wide .feat-inner{grid-template-columns:1fr}
		.dict-layout{grid-template-columns:1fr}
		.dict-sidebar{position:static}
		.process-layout{grid-template-columns:1fr 1fr}
		.process-step{border-bottom:1px solid var(--line-light)}
		.process-arrow{display:none}
		.stats-strip{flex-wrap:wrap}
		.stat-cell{min-width:50%;border-bottom:1px solid var(--line-light)}
		.cta-band{grid-template-columns:1fr;padding:40px 28px}
		.footer-inner{grid-template-columns:1fr 1fr}
	}
	@media(max-width:600px){
		.hero{padding:110px 0 40px;min-height:auto}
		.hero-title{font-size:2.2rem}
		.section-heading{font-size:1.8rem}
		.nav-links{display:none}
		.process-layout{grid-template-columns:1fr}
		.card-translate{grid-template-columns:1fr}
		.card-divider{display:none}
		.footer-inner{grid-template-columns:1fr}
		.footer-bar{flex-direction:column;gap:10px;text-align:center}
		.cta-band{padding:32px 20px}
		.cta-band h2{font-size:1.6rem}
	}

	.reveal{opacity:0;transform:translateY(20px);transition:all .55s cubic-bezier(.22,1,.36,1)}
	.reveal.in{opacity:1;transform:translateY(0)}
	.reveal:nth-child(2){transition-delay:.06s}
	.reveal:nth-child(3){transition-delay:.12s}
	.reveal:nth-child(4){transition-delay:.18s}
	.reveal:nth-child(5){transition-delay:.24s}
	.reveal:nth-child(6){transition-delay:.3s}