PageSourceSearch

https://aents.co/pricing/

html aents.co collected 2026-10-08 04:47:45 UTC 74,940 bytes, 1,467 lines download raw bytes

1<!DOCTYPE html><html lang="kr"><head>
2<meta charset="utf-8">
3
4<script>
vendor: 327 bytes, lines 4-8
4(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
5new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
6j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
7'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
8})(window,document,'script','dataLayer','
8GTM-WSZ6JSH9
vendor: 3 bytes, line 8
8');
8</script>
8
9<title>가격 안내 · 맞춤 견적 요청 | 엔스코프</title>
10<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
11<meta content="width=device-width, initial-scale=1.0" name="viewport">
12<meta content="엔스코프 가격, 탄소회계 솔루션 가격, 견적, 무료 PoC, KSSB, CDP, IFRS S2, 탄소 컨설팅 비용" name="keywords">
13<meta content="조직의 규모와 대응 범위에 맞춰 가격을 함께 설계합니다. 무료 PoC, 엔스코프 플랫폼, 기후 전문가 컨설팅 — 맞춤 견적을 1영업일 내에 회신드립니다." name="description">
14<meta content="edd73c73e95f62d0586fb6f3736abc1c96a27379" name="naver-site-verification">
15<meta content="4bbb3f85b37756073f35c1323ce03cfb13ea2d2e" name="naver-site-verification">
16<meta content="9daf9MkYbmaGOpUbIFU5bzcVx4AJVLV9j6uhg4Iigng" name="google-site-verification"><link href="https://aents.co/pricing/" rel="canonical">
17<link data-cms-original-href="/favicon.ico" href="/favicon.ico?_cchid=e14f6b2f0bc91bd9a32cce7e4f61297e" rel="icon" sizes="48x48">
18<link data-cms-original-href="/favicon-96.png" href="/favicon-96.png?_cchid=30305aeda6c32554cdcf1b1dfd55df56" rel="icon" sizes="96x96" type="image/png">
19<link data-cms-original-href="/apple-touch-icon.png" href="/apple-touch-icon.png?_cchid=6d18ad90c4755fdd8d1d535c33d4ad99" rel="apple-touch-icon">
20<meta content="엔츠 Aents" property="og:site_name">
21<meta content="website" property="og:type">
22<meta content="가격 안내 · 맞춤 견적 요청 | 엔스코프" property="og:title">
23<meta content="조직의 규모와 대응 범위에 맞춰 가격을 함께 설계합니다. 무료 PoC, 엔스코프 플랫폼, 기후 전문가 컨설팅 — 맞춤 견적을 1영업일 내에 회신드립니다." property="og:description">
24<meta content="https://aents.co/pricing/" property="og:url">
25<meta content="https://aents.co/og-default.png" property="og:image">
26<meta content="summary_large_image" name="twitter:card"><link crossorigin="" href="https://cdn.jsdelivr.net" rel="preconnect">
27<link href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable-dynamic-subset.min.css" rel="stylesheet">
28<link data-cms-original-href="/renewal2026/colors_and_type.css" href="/renewal2026/colors_and_type.css?_cchid=34e132a814e708e7370150ab84e4f675" rel="stylesheet">
29<link data-cms-original-href="/renewal2026/ae-chrome.css" href="/renewal2026/ae-chrome.css?_cchid=2b1dbba7d18b09162ba197d0f64619e4" rel="stylesheet">
30<style>body{margin:0}</style>
31
32<style>
33
34 
35
36body { background: var(--n-0); color: var(--fg-2); }
37*, *::before, *::after { box-sizing: border-box; }
38img { display: block; max-width: 100%; }
39
40.container { max-width: var(--container-xl); margin: 0 auto; padding: 0 var(--gutter); }
41.container-2xl { max-width: var(--container-2xl); margin: 0 auto; padding: 0 var(--gutter); }
42
43 
44.promo { background: var(--n-900); color: #fff; font-size: var(--t-body-sm-size); }
45.promo-inner { display: flex; align-items: center; justify-content: center; gap: var(--space-4); height: 40px; flex-wrap: wrap; }
46.promo .pill {
47  border: 1px solid rgba(255,255,255,.18);
48  color: #fff; padding: 3px 10px; border-radius: var(--r-full);
49  font-size: 11.5px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase;
50}
51.promo-cta {
52  display: inline-flex; align-items: center; gap: 6px;
53  color: var(--g-300); font-weight: 600; text-decoration: none;
54  transition: color var(--dur-base) var(--ease);
55}
56.promo-cta:hover { color: #fff; }
57
58 
59.nav {
60  position: sticky; top: 0; z-index: 50;
61  background: var(--n-0);
62  border-bottom: 1px solid var(--border-1);
63}
64.nav-inner { display: flex; align-items: center; justify-content: space-between; height: 72px; gap: var(--space-10); }
65.brand { display: inline-flex; align-items: center; text-decoration: none; }
66.brand img { height: 28px; display: block; }
67.nav-links { display: flex; gap: var(--space-1); align-items: center; }
68.nav-links a {
69  padding: 8px 14px; border-radius: var(--r-sm);
70  font-size: 14.5px; font-weight: 500; color: var(--fg-2);
71  text-decoration: none;
72  transition: background var(--dur-base) var(--ease), color var(--dur-base) var(--ease);
73}
74.nav-links a:hover { background: var(--n-100); color: var(--fg-1); }
75.nav-cta { display: flex; gap: var(--space-3); align-items: center; }
76
77 
78.nav-dd { position: relative; }
79.nav-dd-btn {
80  display: inline-flex; align-items: center; gap: 5px;
81  padding: 8px 14px; border-radius: var(--r-sm);
82  font-size: 14.5px; font-weight: 500; color: var(--fg-2);
83  background: transparent; border: 0; cursor: pointer; font-family: var(--font-sans);
84  transition: background var(--dur-base) var(--ease), color var(--dur-base) var(--ease);
85}
86.nav-dd-btn svg { width: 14px; height: 14px; transition: transform var(--dur-base) var(--ease); }
87.nav-dd:hover .nav-dd-btn, .nav-dd:focus-within .nav-dd-btn { background: var(--n-100); color: var(--fg-1); }
88.nav-dd:hover .nav-dd-btn svg, .nav-dd:focus-within .nav-dd-btn svg { transform: rotate(180deg); }
89.nav-dd-menu {
90  position: absolute; top: calc(100% + 6px); left: 0; min-width: 210px;
91  background: var(--n-0); border: 1px solid var(--border-1); border-radius: var(--r-md);
92  box-shadow: var(--s-md); padding: 6px; z-index: 60;
93  display: flex; flex-direction: column; gap: 2px;
94  opacity: 0; visibility: hidden; transform: translateY(-4px);
95  transition: opacity var(--dur-base) var(--ease), transform var(--dur-base) var(--ease), visibility var(--dur-base) var(--ease);
96}
97.nav-dd:hover .nav-dd-menu, .nav-dd:focus-within .nav-dd-menu { opacity: 1; visibility: visible; transform: translateY(0); }
98.nav-dd-menu a {
99  padding: 9px 12px; border-radius: var(--r-sm);
100  font-size: 14px; font-weight: 500; color: var(--fg-2); text-decoration: none;
101  transition: background var(--dur-base) var(--ease), color var(--dur-base) var(--ease);
102}
103.nav-dd-menu a:hover { background: var(--n-100); color: var(--fg-1); }
104
105 
106.btn {
107  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
108  height: 44px; padding: 0 20px;
109  border-radius: var(--r-md); font-weight: 600; font-size: 15px; letter-spacing: -.005em;
110  border: 0; cursor: pointer; font-family: var(--font-sans);
111  text-decoration: none;
112  transition: background var(--dur-base) var(--ease), transform var(--dur-base) var(--ease),
113              color var(--dur-base) var(--ease), border-color var(--dur-base) var(--ease),
114              box-shadow var(--dur-base) var(--ease);
115}
116.btn:focus-visible { outline: none; box-shadow: var(--s-focus); }
117.btn-primary { background: var(--g-500); color: #fff; }
118.btn-primary:hover { background: var(--g-400); transform: translateY(-1px); }       
119.btn-primary:active { background: var(--g-600); transform: translateY(0); }         
120.btn-dark { background: var(--n-900); color: #fff; }
121.btn-dark:hover { background: var(--n-800); transform: translateY(-1px); }
122.btn-dark:active { background: var(--n-900); transform: translateY(0); }
123.btn-ghost { background: transparent; color: var(--fg-1); border: 1px solid var(--border-2); }
124.btn-ghost:hover { background: var(--n-100); }
125.btn-ghost-dark {
126  background: transparent; color: #fff;
127  border: 1px solid rgba(255,255,255,.28);
128}
129.btn-ghost-dark:hover { background: rgba(255,255,255,.08); }
130.btn-link {
131  background: transparent; color: var(--fg-link); padding: 0; height: auto;
132  font-weight: 600; text-decoration: none;
133}
134.btn-link:hover { color: var(--fg-link-hover); text-decoration: underline; }
135.btn-lg { height: 52px; padding: 0 26px; font-size: 16px; }
136.btn-sm { height: 36px; padding: 0 14px; font-size: 14px; }
137
138 
139.section { padding: var(--space-24) 0; background: var(--n-0); }        
140.section.alt { background: var(--n-50); }
141.section.dark { background: var(--n-900); color: #fff; }
142.section.dark h1, .section.dark h2, .section.dark h3, .section.dark h4 { color: #fff; }
143.section.dark .eyebrow { color: var(--g-300); }
144
145.s-title {
146  font-size: var(--t-display-lg-size); line-height: var(--t-display-lg-lh);
147  letter-spacing: var(--t-display-lg-tracking); font-weight: var(--t-display-lg-weight);
148  color: var(--fg-1); margin: var(--space-4) 0 var(--space-4); text-wrap: balance;
149}
150.s-sub {
151  font-size: var(--t-body-lg-size); line-height: var(--t-body-lg-lh);
152  color: var(--fg-3); max-width: 720px; margin: 0 0 var(--space-12);
153}
154.section.dark .s-sub { color: var(--n-300); }
155
156.subheader {
157  font-size: 12px; font-weight: 700; color: var(--fg-4);
158  text-transform: uppercase; letter-spacing: .06em; margin: var(--space-12) 0 var(--space-5);
159}
160
161 
162.hero { padding: var(--space-20) 0 var(--space-24); background: var(--n-0); }
163.hero-grid {
164  display: grid; grid-template-columns: 1fr 1.1fr; gap: var(--space-12); align-items: center;
165}
166.hero h1 {
167  font-size: var(--t-display-xl-size); line-height: var(--t-display-xl-lh);
168  font-weight: var(--t-display-xl-weight); letter-spacing: var(--t-display-xl-tracking);
169  color: var(--fg-1); margin: var(--space-4) 0 var(--space-5);
170}
171 
172.hero h1 .line { display: block; }
173.hero h1 .nb { white-space: nowrap; }
174.hero h1 .hl { color: var(--g-500); }
175.hero .sub {
176  font-size: 20px; line-height: 1.5; color: var(--fg-2); font-weight: 500;
177  margin: 0 0 var(--space-3); max-width: 560px;
178}
179.hero p.lead {
180  font-size: var(--t-body-md-size); line-height: 1.65; color: var(--fg-3);
181  margin: 0 0 var(--space-8); max-width: 560px;
182}
183.hero-cta { display: flex; gap: var(--space-3); flex-wrap: wrap; margin-bottom: var(--space-5); }
184.hero .meta {
185  display: inline-flex; align-items: center; gap: var(--space-3);
186  font-size: 13px; color: var(--fg-4);
187}
188.hero .meta .chip {
189  display: inline-flex; align-items: center; gap: 8px;
190  background: var(--bg-brand-soft); color: var(--g-700);
191  padding: 6px 10px; border-radius: var(--r-full);
192  font-size: 12px; font-weight: 600;
193}
194.hero .meta .chip .dot { width: 8px; height: 8px; border-radius: var(--r-full); background: var(--g-500); }
195
196.hero-art {
197  border-radius: var(--r-xl);
198  background: #fff;
199  box-shadow: var(--s-lg);
200  overflow: hidden;
201}
202
203 
204.logos { padding: var(--space-16) 0; background: var(--n-50); border-top: 1px solid var(--border-1); border-bottom: 1px solid var(--border-1); }
205.logos .label {
206  text-align: center; font-size: var(--t-body-sm-size); color: var(--fg-4);
207  font-weight: 600; letter-spacing: .02em; margin-bottom: var(--space-8);
208}
209.logo-row {
210  display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--space-4); align-items: center;
211}
212.logo-cell {
213  height: 88px; border-radius: var(--r-md);
214  background: #fff; border: 1px solid var(--border-1);
215  display: flex; align-items: center; justify-content: center;
216  padding: 0 18px;
217  transition: border-color var(--dur-base) var(--ease), box-shadow var(--dur-base) var(--ease);
218}
219.logo-cell img {
220  width: auto; max-width: 100%; object-fit: contain;
221}
222.logo-cell:hover { border-color: var(--border-2); box-shadow: var(--s-sm); }
223
224 
225.card {
226  background: #fff; border-radius: var(--r-lg);
227  padding: var(--space-8) var(--space-6);
228  box-shadow: var(--s-sm);
229  transition: box-shadow var(--dur-base) var(--ease), transform var(--dur-base) var(--ease);
230}
231.card:hover { box-shadow: var(--s-md); transform: translateY(-2px); }
232
233 
234.grid-2x2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-6); }
235.problem .num {
236  font-size: 40px; line-height: 1; font-weight: 800; color: var(--g-500);
237  letter-spacing: -.02em; margin-bottom: var(--space-3);
238}
239.problem h3 {
240  font-size: var(--t-heading-lg-size); line-height: var(--t-heading-lg-lh);
241  font-weight: 700; letter-spacing: -.01em; margin: 0 0 8px; color: var(--fg-1);
242}
243.problem p {
244  font-size: var(--t-body-md-size); color: var(--fg-3); line-height: 1.62; margin: 0 0 var(--space-4);
245}
246.problem .fix {
247  font-size: 13.5px; color: var(--fg-2);
248  border-top: 1px dashed var(--border-1);
249  padding-top: var(--space-3);
250  display: flex; gap: 8px; align-items: baseline; line-height: 1.55;
251}
252.problem .fix b { color: var(--g-700); font-weight: 700; white-space: nowrap; }
253
254 
255.split { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-6); margin-top: var(--space-6); }
256.split .col {
257  background: #fff; border-radius: var(--r-xl);
258  padding: var(--space-12) var(--space-10);
259  box-shadow: var(--s-sm);
260  transition: box-shadow var(--dur-base) var(--ease), transform var(--dur-base) var(--ease);
261}
262.split .col:hover { box-shadow: var(--s-md); transform: translateY(-2px); }
263.split .col .badge {
264  font-size: 12px; font-weight: 700; color: var(--g-700);
265  background: var(--bg-brand-soft); height: 28px; padding: 0 12px;
266  border-radius: var(--r-full); letter-spacing: .02em;
267  display: inline-flex; align-items: center; justify-content: center;
268  margin-bottom: var(--space-4);
269}
270.split .col h3 {
271  font-size: var(--t-display-sm-size); line-height: var(--t-display-sm-lh);
272  font-weight: var(--t-display-sm-weight); letter-spacing: var(--t-display-sm-tracking);
273  color: var(--fg-1); margin-bottom: var(--space-3);
274}
275.split .col p {
276  font-size: var(--t-body-md-size); color: var(--fg-3); line-height: 1.6;
277  margin: 0 0 var(--space-6);
278}
279
280 
281.cap-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-4); }
282.cap {
283  background: #fff; border-radius: var(--r-lg);
284  padding: var(--space-6); box-shadow: var(--s-sm);
285  transition: box-shadow var(--dur-base) var(--ease), transform var(--dur-base) var(--ease);
286}
287.cap:hover { box-shadow: var(--s-md); transform: translateY(-2px); }
288.cap .lbl {
289  display: inline-block; font-size: 11.5px; font-weight: 700;
290  color: var(--fg-4); letter-spacing: .06em; text-transform: uppercase;
291  margin-bottom: 10px;
292}
293.cap h4 {
294  font-size: 17px; font-weight: 700; letter-spacing: -.01em;
295  margin: 0 0 6px; color: var(--fg-1);
296}
297.cap p { font-size: 13.5px; color: var(--fg-3); margin: 0; line-height: 1.55; }
298
299 
300.grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-6); }
301.feat {
302  background: #fff; border-radius: var(--r-xl);
303  box-shadow: var(--s-sm); overflow: hidden;
304  display: flex; flex-direction: column;
305  transition: box-shadow var(--dur-base) var(--ease), transform var(--dur-base) var(--ease);
306}
307.feat:hover { box-shadow: var(--s-md); transform: translateY(-2px); }
308
309 
310.thumb {
311  aspect-ratio: 16/9;
312  background: linear-gradient(135deg, var(--g-100) 0%, var(--g-300) 100%);
313  position: relative; overflow: hidden;
314}
315.thumb .inset {
316  position: absolute; inset: 20px;
317  background: #fff; border-radius: var(--r-lg);
318  box-shadow: var(--s-xs);
319  padding: 18px; display: flex; flex-direction: column; gap: 8px;
320}
321.thumb .inset .l { height: 8px; border-radius: var(--r-full); background: var(--n-100); }
322.thumb .inset .l.w90 { width: 90%; } .thumb .inset .l.w70 { width: 70%; } .thumb .inset .l.w50 { width: 50%; }
323.thumb .inset .bar { margin-top: auto; height: 28px; border-radius: var(--r-sm); background: var(--bg-brand-soft); width: 38%; }
324
325.feat .body { padding: var(--space-8) var(--space-7) var(--space-8); padding: 28px 28px; }
326.feat .tag {
327  display: inline-block; font-size: 12px; font-weight: 700;
328  color: var(--g-700); background: var(--bg-brand-soft);
329  padding: 5px 12px; border-radius: var(--r-full);
330  letter-spacing: .02em; margin-bottom: var(--space-3);
331}
332.feat h3 {
333  font-size: 22px; font-weight: 700; letter-spacing: -.01em;
334  margin: 0 0 8px; color: var(--fg-1);
335}
336.feat p.sub { font-size: 15px; color: var(--fg-3); margin: 0 0 var(--space-4); line-height: 1.55; }
337.feat ul { margin: 0 0 var(--space-5); padding-left: 0; list-style: none; }
338.feat ul li {
339  position: relative; padding-left: 18px; font-size: 14px;
340  color: var(--fg-2); margin-bottom: 8px; line-height: 1.55;
341}
342.feat ul li::before {
343  content: ""; position: absolute; left: 0; top: 9px;
344  width: 6px; height: 6px; border-radius: var(--r-full); background: var(--g-500);
345}
346.feat .meta-row { font-size: 12.5px; color: var(--fg-4); margin: 0 0 var(--space-4); line-height: 1.5; }
347.feat .meta-row b { color: var(--fg-2); font-weight: 600; }
348.feat-cta {
349  display: inline-flex; align-items: center; gap: 6px;
350  color: var(--g-600); font-weight: 700; font-size: 14px; text-decoration: none;
351  transition: color var(--dur-base) var(--ease);
352}
353.feat-cta:hover { color: var(--g-700); text-decoration: underline; }
354
355 
356.module {
357  display: grid; grid-template-columns: 1fr 1fr; gap: 0;
358  background: #fff;
358 border-radius: var(--r-xl);
359  box-shadow: var(--s-sm); overflow: hidden;
360  margin-bottom: var(--space-6);
361  transition: box-shadow var(--dur-base) var(--ease), transform var(--dur-base) var(--ease);
362}
363.module:hover { box-shadow: var(--s-md); transform: translateY(-2px); }
364.module .meta {
365  padding: var(--space-12) var(--space-10);
366  display: flex; flex-direction: column; justify-content: center;
367}
368.module .meta .lbl {
369  font-size: 12px; font-weight: 700; color: var(--g-700);
370  background: var(--bg-brand-soft); align-self: flex-start;
371  padding: 5px 12px; border-radius: var(--r-full);
372  margin-bottom: var(--space-4); letter-spacing: .02em;
373}
374.module .meta h3 {
375  font-size: var(--t-display-sm-size); line-height: var(--t-display-sm-lh);
376  font-weight: var(--t-display-sm-weight); letter-spacing: var(--t-display-sm-tracking);
377  color: var(--fg-1); margin: 0 0 var(--space-3);
378}
379.module .meta p.sub { font-size: 15.5px; color: var(--fg-3); margin: 0 0 var(--space-5); line-height: 1.6; }
380.module .meta ul { margin: 0 0 var(--space-5); padding-left: 0; list-style: none; }
381.module .meta ul li {
382  position: relative; padding-left: 22px; font-size: 14.5px;
383  color: var(--fg-2); margin-bottom: 8px; line-height: 1.55;
384}
385.module .meta ul li::before {
386  content: ""; position: absolute; left: 0; top: 8px;
387  width: 10px; height: 10px; border-radius: 3px; background: var(--g-500);
388}
389
390 
391.module .vis {
392  background: linear-gradient(135deg, var(--g-100) 0%, var(--g-300) 100%);
393  display: flex; align-items: center; justify-content: center;
394  position: relative; min-height: 320px;
395  padding: var(--space-6);
396}
397.module .vis .panel {
398  background: #fff; border-radius: var(--r-md);
399  box-shadow: var(--s-md);
400  width: 100%; max-width: 340px;
401  padding: 20px;
402}
403.module .vis .panel .h {
404  font-size: 13px; font-weight: 700; color: var(--fg-1);
405  margin-bottom: var(--space-3); letter-spacing: -.005em;
406}
407.module .vis .panel .r {
408  display: flex; justify-content: space-between; align-items: baseline;
409  padding: 8px 0; font-size: 13px;
410  border-bottom: 1px dashed var(--border-1);
411  color: var(--fg-2);
412}
413.module .vis .panel .r:last-of-type { border-bottom: 0; }
414.module .vis .panel .r b { color: var(--fg-2); font-weight: 500; }
415.module .vis .panel .r .v { color: var(--fg-1); font-weight: 700; font-variant-numeric: tabular-nums; }
416.module .vis .panel .bar {
417  height: 6px; border-radius: var(--r-full);
418  background: var(--n-100); margin-top: var(--space-3); position: relative; overflow: hidden;
419}
420.module .vis .panel .bar i {
421  position: absolute; left: 0; top: 0; bottom: 0;
422  background: var(--g-500); border-radius: var(--r-full);
423}
424
425 
426.integ { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-4); }
427.integ .it {
428  background: #fff; border-radius: var(--r-lg);
429  padding: var(--space-6); box-shadow: var(--s-sm); text-align: center;
430  transition: box-shadow var(--dur-base) var(--ease), transform var(--dur-base) var(--ease);
431}
432.integ .it:hover { box-shadow: var(--s-md); transform: translateY(-2px); }
433.integ .it .api-label {
434  display: inline-block; height: 40px; line-height: 40px; padding: 0 14px;
435  background: var(--bg-brand-tint); color: var(--g-700);
436  border-radius: var(--r-md); font-weight: 700; font-size: 13px;
437  letter-spacing: .02em; margin-bottom: var(--space-3);
438}
439.integ .it h5 { font-size: 15px; font-weight: 700; margin: 0 0 4px; color: var(--fg-1); }
440.integ .it p { font-size: 13px; color: var(--fg-4); margin: 0; }
441
442 
443.tabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: var(--space-6); }
444.tab {
445  height: 36px; padding: 0 16px; border-radius: var(--r-full);
446  border: 1px solid var(--border-2); background: #fff; color: var(--fg-2);
447  font-weight: 600; font-size: 14px; cursor: pointer; font-family: var(--font-sans);
448  transition: background var(--dur-base) var(--ease), color var(--dur-base) var(--ease), border-color var(--dur-base) var(--ease);
449}
450.tab.on { background: var(--n-900); color: #fff; border-color: var(--n-900); }
451.tab:not(.on):hover { background: var(--n-100); }
452.client-list { font-size: 14px; color: var(--fg-4); margin-bottom: var(--space-10); line-height: 1.85; }
453.client-list b { color: var(--fg-2); font-weight: 600; margin-right: 8px; }
454.client-list .sep { color: var(--border-2); margin: 0 6px; }
455
456.testimonial {
457  background: #fff; border-radius: var(--r-xl); box-shadow: var(--s-sm);
458  overflow: hidden; display: grid; grid-template-columns: 1fr 1fr;
459}
460.testimonial .visual {
461  background: linear-gradient(135deg, var(--g-100) 0%, var(--g-300) 100%);
462  position: relative; min-height: 420px; padding: var(--space-8);
463  display: flex; align-items: center; justify-content: center;
464}
465.testimonial .visual .preview {
466  background: #fff; border-radius: var(--r-lg); box-shadow: var(--s-md);
467  padding: var(--space-6); width: 100%; max-width: 360px;
468}
469.testimonial .meta {
470  padding: var(--space-12) var(--space-10);
471  display: flex; flex-direction: column; justify-content: center;
472}
473.testimonial .meta h3 {
474  font-size: 28px; line-height: 1.25; font-weight: 800;
475  letter-spacing: -.02em; color: var(--fg-1); margin: 0 0 var(--space-5);
476}
477.testimonial .meta h3 b { color: var(--g-600); font-weight: 800; }
478.testimonial .meta p {
479  font-size: 15px; color: var(--fg-3); line-height: 1.7;
480  margin: 0 0 var(--space-6);
481}
482.testimonial .who {
483  display: flex; align-items: center; gap: var(--space-3);
484  padding-top: var(--space-5); border-top: 1px solid var(--border-1);
485  font-size: 13.5px; color: var(--fg-4);
486}
487.testimonial .who b { color: var(--fg-1); font-weight: 700; }
488.testimonial .who .avatar {
489  width: 40px; height: 40px; border-radius: var(--r-full);
490  background: var(--n-100); border: 1px solid var(--border-1);
491}
492.testimonial .links { display: flex; gap: var(--space-5); margin-top: var(--space-5); }
493
494 
495.stack-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-5); }
496.cert {
497  background: #fff; border-radius: var(--r-lg); box-shadow: var(--s-sm);
498  padding: var(--space-8) var(--space-6);
499  transition: box-shadow var(--dur-base) var(--ease), transform var(--dur-base) var(--ease);
500}
501.cert:hover { box-shadow: var(--s-md); transform: translateY(-2px); }
502.cert .badge {
503  display: inline-flex; align-items: center; justify-content: center;
504  background: var(--bg-brand-tint); color: var(--g-700);
505  height: 32px; padding: 0 12px; border-radius: var(--r-sm);
506  font-size: 12px; font-weight: 700; letter-spacing: .04em;
507  margin-bottom: var(--space-4); text-transform: uppercase;
508}
509.cert h4 { font-size: 17px; font-weight: 700; letter-spacing: -.01em; margin: 0 0 6px; color: var(--fg-1); }
510.cert p { font-size: 13.5px; color: var(--fg-3); margin: 0; line-height: 1.55; }
511
512.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-4); }
513.fi {
514  background: #fff; border-radius: var(--r-lg);
515  padding: var(--space-6); box-shadow: var(--s-sm);
516  transition: box-shadow var(--dur-base) var(--ease), transform var(--dur-base) var(--ease);
517}
518.fi:hover { box-shadow: var(--s-md); transform: translateY(-2px); }
519.fi h4 { font-size: 16px; font-weight: 700; margin: 0 0 6px; color: var(--fg-1); letter-spacing: -.005em; }
520.fi p { font-size: 13.5px; color: var(--fg-3); margin: 0; line-height: 1.6; }
521.fi .lbl {
522  display: inline-block; font-size: 10.5px; font-weight: 700;
523  color: var(--fg-4); letter-spacing: .08em; text-transform: uppercase;
524  margin-bottom: 10px;
525}
526
527 
528.poc {
529  background: var(--n-900); color: #fff;
530  border-radius: var(--r-2xl); padding: var(--space-16) var(--space-12);
531  display: grid; grid-template-columns: 1.4fr 1fr; gap: var(--space-12); align-items: center;
532}
533.poc .eyebrow { color: var(--g-300); margin-bottom: var(--space-4); }
534.poc h2 {
535  color: #fff; font-size: var(--t-display-md-size); line-height: var(--t-display-md-lh);
536  font-weight: var(--t-display-md-weight); letter-spacing: var(--t-display-md-tracking);
537  margin: 0 0 var(--space-4); text-wrap: balance;
538}
539.poc h2 .hl { color: var(--g-300); }
540.poc p { color: rgba(255,255,255,.78); font-size: 15.5px; line-height: 1.7; margin: 0 0 var(--space-6); max-width: 560px; }
541.poc .row { display: flex; gap: var(--space-3); flex-wrap: wrap; }
542.poc .stages {
543  background: rgba(255,255,255,.04);
544  border: 1px solid rgba(255,255,255,.14);
545  border-radius: var(--r-lg);
546  padding: var(--space-6);
547}
548.poc .stages h5 {
549  color: rgba(255,255,255,.7); font-size: 11.5px;
550  letter-spacing: .08em; text-transform: uppercase;
551  margin: 0 0 var(--space-4); font-weight: 700;
552}
553.poc .stage-row {
554  display: flex; justify-content: space-between; align-items: baseline;
555  padding: 10px 0; font-size: 13.5px;
556  color: rgba(255,255,255,.88);
557  border-bottom: 1px dashed rgba(255,255,255,.14);
558}
559.poc .stage-row:last-child { border-bottom: 0; }
560.poc .stage-row span { color: var(--g-300); font-weight: 700; font-variant-numeric: tabular-nums; }
561
562 
563.partner-wrap { display: grid; grid-template-columns: 1fr 1.4fr; gap: var(--space-12); align-items: center; }
564.partner-wrap h2 {
565  font-size: var(--t-display-md-size); line-height: var(--t-display-md-lh);
566  font-weight: var(--t-display-md-weight); letter-spacing: var(--t-display-md-tracking);
567  color: var(--fg-1); margin: var(--space-4) 0 var(--space-4); text-wrap: balance;
568}
569.partner-wrap h2 b { color: var(--g-600); font-weight: inherit; }
570.partner-wrap p.lead { font-size: 15.5px; color: var(--fg-3); margin: 0; line-height: 1.65; max-width: 380px; }
571.partner-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-4); }
572.partner-cell {
573  height: 96px; background: #fff; border: 1px solid var(--border-1);
574  border-radius: var(--r-md);
575  display: flex; align-items: center; justify-content: center;
576  font-size: 13px; color: var(--fg-4); font-weight: 600;
577  text-align: center; line-height: 1.3; padding: 0 20px;
578  transition: color var(--dur-base) var(--ease), border-color var(--dur-base) var(--ease);
579}
580.partner-cell img {
581  max-height: 42px; max-width: 100%; width: auto; object-fit: contain;
582}
583.partner-cell:hover { color: var(--fg-1); border-color: var(--border-2); }
584
585 
586.final-cta { padding: var(--space-40) 0; text-align: center; background: var(--n-0); }
587.final-cta h2 {
588  font-size: var(--t-display-xl-size); line-height: var(--t-display-xl-lh);
589  font-weight: var(--t-display-xl-weight); letter-spacing: var(--t-display-xl-tracking);
590  color: var(--fg-1); margin: 0 0 var(--space-4); text-wrap: balance;
591}
592.final-cta h2 .hl { color: var(--g-500); }
593.final-cta p.sub {
594  font-size: var(--t-body-lg-size); color: var(--fg-3); max-width: 560px;
595  margin: 0 auto var(--space-10); line-height: 1.55;
596}
597.final-cta .row {
598  display: inline-flex; gap: var(--space-3); flex-wrap: wrap; justify-content: center;
599}
600
601 
602footer { background: #fff; border-top: 1px solid var(--border-1); padding: var(--space-16) 0 var(--space-12); }
603.foot-grid { display: grid; grid-template-columns: 1.9fr 1fr 1fr 1fr 1fr; gap: var(--space-4); }
604.foot h5 {
605  font-size: 12px; text-transform: uppercase; letter-spacing: .08em;
606  color: var(--fg-4); margin: 0 0 var(--space-4); font-weight: 700;
607}
608.foot ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
609.foot a { color: var(--fg-4); text-decoration: none; font-size: 13px; }
610.foot a:hover { color: var(--g-700); }
611.brand-block img { height: 26px; margin-bottom: var(--space-4); }
612.brand-block .desc { font-size: 13.5px; color: var(--fg-3); margin: 0; max-width: 320px; line-height: 1.7; }
613.brand-block .contact { margin-top: var(--space-5); font-size: 13px; color: var(--fg-4); line-height: 1.8; }
614.copy {
615  margin-top: var(--space-12); padding-top: var(--space-6);
616  border-top: 1px solid var(--border-1); font-size: 13px; color: var(--fg-4);
617  display: flex; justify-content: space-between; gap: var(--space-4); flex-wrap: wrap;
618}
619.copy .legal { display: flex; gap: var(--space-6); }
620.copy .legal a { color: var(--fg-4); text-decoration: none; }
621.copy .legal a:hover { color: var(--fg-2); }
622
623 
624.modal-scrim {
625  position: fixed; inset: 0; z-index: 100;
626  background: rgba(11,11,16,.45);
627  display: flex; align-items: center; justify-content: center;
628  padding: var(--space-6);
629}
630.modal-scrim[hidden] { display: none; }
631.modal-card {
632  background: #fff; border-radius: var(--r-lg); box-shadow: var(--s-lg);
633  width: 100%; max-width: 540px; max-height: 92vh; overflow: auto;
634  padding: var(--space-10) var(--space-10) var(--space-8);
635  position: relative;
636  transform: translateY(10px); transition: transform var(--dur-slow) var(--ease);
637}
638.modal-scrim.open .modal-card { transform: translateY(0); }
639.modal-close {
640  position: absolute; top: var(--space-5); right: var(--space-5);
641  width: 36px; height: 36px; border-radius: var(--r-md);
642  border: 1px solid var(--border-2); background: #fff; color: var(--fg-3);
643  display: inline-flex; align-items: center; justify-content: center; cursor: pointer;
644  font-size: 18px; line-height: 1;
645  transition: background var(--dur-base) var(--ease), color var(--dur-base) var(--ease);
646}
647.modal-close:hover { background: var(--n-100); color: var(--fg-1); }
648.modal-card .eyebrow { color: var(--g-600); }
649.modal-card h3 {
650  font-size: 24px; font-weight: 800; letter-spacing: -.02em; color: var(--fg-1);
651  margin: var(--space-3) 0 var(--space-2); text-wrap: balance;
652}
653.modal-card .modal-sub {
654  font-size: 14.5px; color: var(--fg-3); line-height: 1.6; margin: 0 0 var(--space-6);
655}
656
657.lead-form { display: flex; flex-direction: column; gap: var(--space-4); }
658.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); }
659.field { display: flex; flex-direction: column; gap: 6px; }
660.field label { font-size: 13px; font-weight: 600; color: var(--fg-2); }
661.field label .req { color: var(--g-600); margin-left: 3px; }
662.input, .select, .textarea {
663  width: 100%; height: 46px; padding: 0 14px;
664  border: 1px solid var(--border-2); border-radius: var(--r-md);
665  background: #fff; color: var(--fg-1);
666  font-size: 15px; font-family: var(--font-sans);
667  transition: border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);
668}
669.textarea { height: auto; min-height: 84px; padding: 12px 14px; line-height: 1.55; resize: vertical; }
670.input::placeholder, .textarea::placeholder { color: var(--fg-4); }
671.input:focus, .select:focus, .textarea:focus {
672  outline: none; border-color: var(--border-focus); box-shadow: var(--s-focus);
673}
674.select {
675  appearance: none; -webkit-appearance: none; padding-right: 38px; cursor: pointer;
676  background-image: url(data:image/svg+xml,%3Csvg xmlns=http://www.w3.org/2000/svg width=16 height=16 viewBox=0 0 24 24 fill=none stroke=%23A1A1AC stroke-width=2 stroke-linecap=round stroke-linejoin=round%3E%3Cpolyline points=6 9 12 15 18 9%3E%3C/polyline%3E%3C/svg%3E);
677  background-repeat: no-repeat; background-position: right 14px center;
678}
679.field .err { font-size: 12px; color: var(--danger); display: none; }
680.field.invalid .input, .field.invalid .select, .field.invalid .textarea { border-color: var(--danger); }
681.field.invalid .err { display: block; }
682.field-hint { font-size: 12px; color: var(--fg-4); line-height: 1.5; }
683
684.consent {
685  display: flex; gap: 10px; align-items: flex-start;
686  font-size: 13px; color: var(--fg-3); line-height: 1.55;
687  padding: var(--space-3) 0 0;
688}
689.consent input { margin-top: 2px; width: 17px; height: 17px; flex: 0 0 auto; accent-color: var(--g-500); cursor: pointer; }
690.consent.invalid { color: var(--danger); }
691.consent a { color: var(--g-700); text-decoration: underline; }
692.lead-form .submit { width: 100%; margin-top: var(--space-2); }
693.lead-form .privacy-note { font-size: 11.5px; color: var(--fg-4); line-height: 1.55; text-align: center; margin: 0; }
694
695.form-success { display: none; text-align: center; padding: var(--space-6) 0 var(--space-4); }
696.modal-card.done .lead-form { display: none; }
697.modal-card.done .form-success { display: block; }
698.form-success .ok-mark {
699  width: 56px; height: 56px; border-radius: var(--r-full);
700  background: var(--bg-brand-soft); color: var(--g-600);
701  display: inline-flex; align-items: center; justify-content: center;
702  font-size: 28px; margin-bottom: var(--space-5);
703}
704.form-success h3 { margin: 0 0 var(--space-3); }
705.form-success p { font-size: 14.5px; color: var(--fg-3); line-height: 1.65; margin: 0 auto var(--space-6); max-width: 360px; }
706
707 
708.nav-toggle {
709  display: none;              
710  width: 44px; height: 44px;
711  align-items: center; justify-content: center;
712  background: transparent; border: 1px solid var(--border-2);
713  border-radius: var(--r-md); cursor: pointer; padding: 0;
714  transition: background var(--dur-base) var(--ease), border-color var(--dur-base) var(--ease);
715}
716.nav-toggle:hover { background: var(--n-100); }
717.nav-toggle .bars { position: relative; width: 18px; height: 12px; }
718.nav-toggle .bars span {
719  position: absolute; left: 0; width: 100%; height: 2px; border-radius: 2px;
720  background: var(--fg-1);
721  transition: transform var(--dur-base) var(--ease), opacity var(--dur-base) var(--ease), top var(--dur-base) var(--ease);
722}
723.nav-toggle .bars span:nth-child(1) { top: 0; }
724.nav-toggle .bars span:nth-child(2) { top: 5px; }
725.nav-toggle .bars span:nth-child(3) { top: 10px; }
726.nav-toggle.is-open .bars span:nth-child(1) { top: 5px; transform: rotate(45deg); }
727.nav-toggle.is-open .bars span:nth-child(2) { opacity: 0; }
728.nav-toggle.is-open .bars span:nth-child(3) { top: 5px; transform: rotate(-45deg); }
729
730.mobile-menu {
731  display: flex; flex-direction: column;
732  border-top: 1px solid var(--border-1);
733  background: var(--n-0);
734  padding: var(--space-3) var(--gutter) var(--space-5);
735}
736.mobile-menu[hidden] { display: none; }
737.mobile-menu a {
738  font-size: 16px; font-weight: 600; color: var(--fg-1); text-decoration: none;
739  padding: 14px 8px; border-radius: var(--r-sm);
740  border-bottom: 1px solid var(--border-1);
741  transition: background var(--dur-base) var(--ease);
742}
743.mobile-menu a:hover { background: var(--n-100); }
744.mobile-menu-actions {
745  display: grid; grid-template-columns: 1fr; gap: var(--space-3);
746  margin-top: var(--space-4);
747}
748.mobile-menu-actions a { border-bottom: 0; height: 48px; justify-content: center; }
749
750 
751
752 
753@media (max-width: 1024px){
754  .container, .container-2xl { padding: 0 var(--space-6); }
755  .section { padding: var(--space-20) 0; }
756  .hero-grid, .split, .module, .testimonial, .partner-wrap, .grid-2, .feature-grid, .poc { grid-template-columns: 1fr; }
757  .hero h1 { font-size: 40px; }
758  .hero .sub { font-size: 18px; }
759  .s-title, .partner-wrap h2, .poc h2 { font-size: 32px; }
760  .final-cta h2 { font-size: 40px; }
761  .final-cta { padding: var(--space-24) 0; }
762  .grid-2x2, .stack-4, .cap-grid, .integ { grid-template-columns: 1fr 1fr; }
763  .logo-row { grid-template-columns: repeat(4, 1fr); }
764  .partner-grid { grid-template-columns: repeat(2, 1fr); }
765  .foot-grid { grid-template-columns: 1fr 1fr; }
766  .nav-links { display: none; }    
767  .nav-toggle { display: inline-flex; }
768  .module .vis { min-height: 240px; }
769  .testimonial .visual { min-height: 280px; }
770}
771
772 
773@media (max-width: 640px){
774  .container, .container-2xl { padding: 0 var(--space-5); }
775  .section { padding: var(--space-16) 0; }
776
777   
778  .hero { padding: var(--space-12) 0 var(--space-16); }
779  .hero h1 { font-size: 31px; line-height: 1.22; }
780  .hero .sub { font-size: 17px; }
781  .hero p.lead { font-size: 15px; }
782  .s-title, .partner-wrap h2, .poc h2 { font-size: 25px; line-height: 1.28; }
783  .s-sub { font-size: 15.5px; margin-bottom: var(--space-8); }
784  .final-cta h2 { font-size: 29px; }
785  .final-cta { padding: var(--space-20) 0; }
786  .subheader { margin-top: var(--space-10); }
787
788   
789  .hero-cta, .final-cta .row, .poc .row { flex-direction: column; align-items: stretch; }
790  .hero-cta .btn, .final-cta .row .btn, .poc .row .btn { width: 100%; }
791  .final-cta .row { display: flex; }
792  .btn-lg { height: 50px; }
793
794   
795  .grid-2x2, .stack-4, .cap-grid, .integ, .foot-grid { grid-template-columns: 1fr; }
796  .logo-row { grid-template-columns: repeat(3, 1fr); }
797  .partner-grid { grid-template-columns: repeat(2, 1fr); }
798  .logo-row + .logo-row { margin-top: 12px !important; }
799
800   
801  .split .col, .module .meta, .testimonial .meta { padding: var(--space-8) var(--space-6); }
802  .feat .body { padding: 22px 20px; }
803  .poc { padding: var(--space-10) var(--space-6); border-radius: var(--r-xl); }
804  .poc .stages { padding: var(--space-5); }
805
806   
807  .testimonial { display: flex; flex-direction: column; }
808  .testimonial .meta { order: -1; }
809  .testimonial .meta h3 { font-size: 21px; }
810  .testimonial .visual { min-height: 0; padding: var(--space-6); }
811  .module .vis { min-height: 0; padding: var(--space-6) var(--space-6) var(--space-8); }
812
813   
814  .tabs {
815    flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch;
816    scrollbar-width: none;
817    margin: 0 calc(-1 * var(--space-5)) var(--space-6);
818    padding: 0 var(--space-5) var(--space-2);
819  }
820  .tabs::-webkit-scrollbar { display: none; }
821  .tab { flex: 0 0 auto; }
822
823   
824  .hero .meta { flex-wrap: wrap; font-size: 12px; row-gap: 8px; }
825
826   
827  .promo-inner { height: auto; min-height: 40px; padding: 8px 0; gap: var(--space-2); text-align: center; }
828  .promo .pill { display: none; }
829
830   
831  .nav-inner { height: 60px; gap: var(--space-4); }
832  .brand img { height: 24px; }
833
834   
835  .copy { flex-direction: column; align-items: flex-start; gap: var(--space-3); }
836}
837
838 
839@media (max-width: 400px){
840  .nav-cta-btn { display: none; }
841}
842
843 
844.factor-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-4); }
845.factor { background: #fff; border-radius: var(--r-lg); padding: var(--space-6); box-shadow: var(--s-sm); transition: box-shadow var(--dur-base) var(--ease), transform var(--dur-base) var(--ease); }
846.factor:hover { box-shadow: var(--s-md); transform: translateY(-2px); }
847.factor .lbl { display: inline-block; font-size: 11.5px; font-weight: 700; color: var(--fg-4); letter-spacing: .06em; text-transform: uppercase; margin-bottom: 10px; }
848.factor h4 { font-size: 17px; font-weight: 700; letter-spacing: -.01em; margin: 0 0 6px; color: var(--fg-1); }
849.factor p { font-size: 13.5px; color: var(--fg-3); margin: 0; line-height: 1.6; }
850
851.pkg-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-6); align-items: stretch; }
852.pkg { position: relative; background: #fff; border-radius: var(--r-xl); box-shadow: var(--s-sm); padding: var(--space-10) var(--space-8); display: flex; flex-direction: column; transition: box-shadow var(--dur-base) var(--ease), transform var(--dur-base) var(--ease); }
853.pkg:hover { box-shadow: var(--s-md); transform: translateY(-2px); }
854.pkg.featured { box-shadow: var(--s-md); border: 1.5px solid var(--g-500); }
855.pkg-badge { position: absolute; top: -13px; left: var(--space-8); background: var(--g-500); color: #fff; font-size: 12px; font-weight: 700; padding: 5px 12px; border-radius: var(--r-full); letter-spacing: -.005em; }
856.pkg-tag { display: inline-block; font-size: 12px; font-weight: 700; color: var(--fg-4); letter-spacing: .04em; text-transform: uppercase; margin-bottom: var(--space-3); }
857.pkg h3 { font-size: 24px; font-weight: 800; letter-spacing: -.02em; color: var(--fg-1); margin: 0 0 var(--space-4); }
858.pkg-price { display: flex; align-items: baseline; gap: 10px; margin-bottom: var(--space-4); padding-bottom: var(--space-5); border-bottom: 1px dashed var(--border-1); }
859.pkg-price .amount { font-size: 26px; font-weight: 800; letter-spacing: -.02em; color: var(--fg-1); }
860.pkg.featured .pkg-price .amount { color: var(--g-600); }
861.pkg-price .unit { font-size: 13.5px; color: var(--fg-4); font-weight: 500; }
862.pkg-desc { font-size: 14.5px; color: var(--fg-3); line-height: 1.6; margin: 0 0 var(--space-5); }
863.pkg-list { list-style: none; margin: 0 0 var(--space-8); padding: 0; }
864.pkg-list li { position: relative; padding-left: 22px; font-size: 14px; color: var(--fg-2); margin-bottom: 10px; line-height: 1.5; }
865.pkg-list li::before { content: ""; position: absolute; left: 0; top: 7px; width: 8px; height: 8px; border-radius: 2px; background: var(--g-500); }
866.pkg-cta { margin-top: auto; width: 100%; }
867.pkg-note { font-size: 13px; color: var(--fg-4); margin: var(--space-6) 0 0; text-align: center; }
868
869.quote-wrap { display: grid; grid-template-columns: 1fr 1.1fr; gap: var(--space-12); align-items: start; }
870.quote-h2 { font-size: var(--t-display-md-size); line-height: var(--t-display-md-lh); font-weight: var(--t-display-md-weight); letter-spacing: var(--t-display-md-tracking); color: var(--fg-1); margin: var(--space-4) 0 var(--space-4); text-wrap: balance; }
871.quote-h2 .hl { color: var(--g-500); }
872.quote-lead { font-size: 15.5px; color: var(--fg-3); line-height: 1.65; margin: 0 0 var(--space-6); max-width: 420px; }
873.quote-points { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-3); }
874.quote-points li { position: relative; padding-left: 26px; font-size: 14.5px; color: var(--fg-2); line-height: 1.5; }
875.quote-points li::before { content: "✓"; position: absolute; left: 0; top: 0; color: var(--g-600); font-weight: 800; }
876.quote-card { background: #fff;
876 border-radius: var(--r-xl); box-shadow: var(--s-md); padding: var(--space-10); }
877.quote-card .group-label { font-size: 13px; font-weight: 600; color: var(--fg-2); }
878.quote-card .group-label .opt { color: var(--fg-4); font-weight: 500; }
879.interest-group { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-3); }
880.interest { display: flex; align-items: center; gap: 8px; border: 1px solid var(--border-2); border-radius: var(--r-md); padding: 0 12px; height: 46px; cursor: pointer; font-size: 13.5px; color: var(--fg-2); font-weight: 600; transition: border-color var(--dur-base) var(--ease), background var(--dur-base) var(--ease); }
881.interest:hover { background: var(--n-100); }
882.interest input { width: 17px; height: 17px; accent-color: var(--g-500); cursor: pointer; flex: 0 0 auto; }
883.interest:has(input:checked) { border-color: var(--g-500); background: var(--bg-brand-soft); color: var(--g-700); }
884.quote-success { display: none; text-align: center; padding: var(--space-8) 0; }
885.quote-card.done .quote-form { display: none; }
886.quote-card.done .quote-success { display: block; }
887.quote-success .ok-mark { width: 56px; height: 56px; border-radius: var(--r-full); background: var(--bg-brand-soft); color: var(--g-600); display: inline-flex; align-items: center; justify-content: center; font-size: 28px; margin-bottom: var(--space-5); }
888.quote-success h3 { font-size: 22px; font-weight: 800; letter-spacing: -.02em; color: var(--fg-1); margin: 0 0 var(--space-3); }
889.quote-success p { font-size: 14.5px; color: var(--fg-3); line-height: 1.65; margin: 0 auto; max-width: 360px; }
890
891.faq-container { max-width: 820px; }
892.faq-list { display: flex; flex-direction: column; gap: var(--space-3); margin-top: var(--space-4); }
893.faq { background: #fff; border-radius: var(--r-lg); box-shadow: var(--s-sm); overflow: hidden; }
894.faq summary { list-style: none; cursor: pointer; padding: var(--space-6); font-size: 16px; font-weight: 700; color: var(--fg-1); letter-spacing: -.01em; display: flex; justify-content: space-between; align-items: center; gap: var(--space-4); }
895.faq summary::-webkit-details-marker { display: none; }
896.faq summary::after { content: "+"; font-size: 22px; font-weight: 400; color: var(--fg-4); flex: 0 0 auto; transition: transform var(--dur-base) var(--ease); }
897.faq[open] summary::after { transform: rotate(45deg); }
898.faq-a { padding: 0 var(--space-6) var(--space-6); font-size: 14.5px; color: var(--fg-3); line-height: 1.7; }
899
900@media (max-width: 1024px){
901  .factor-grid, .pkg-grid { grid-template-columns: 1fr; }
902  .quote-wrap { grid-template-columns: 1fr; }
903}
904@media (max-width: 640px){
905  .quote-card { padding: var(--space-6); }
906  .interest-group { grid-template-columns: 1fr; }
907}
908
909
910</style>
911</head>
912<body>
913
914<div class="ae-chrome">
915  <div class="ae-promo">
916    <div class="ae-container promo-inner">
917      <span class="pill">한정 혜택</span>
918      <span>엔스코프 5개월 무료 PoC · KSSB 의무 공시 전, 우리 조직의 데이터 체계를 미리 검증하세요</span>
919      <a class="promo-cta" data-form="무료 PoC 신청" href="#">무료 PoC 신청 →</a>
920    </div>
921  </div>
922  <header class="ae-nav">
923    <div class="ae-container nav-inner">
924      <a class="brand" href="/"><img alt="엔츠 Aents" data-cms-original-src="/renewal2026/aents-logo-kr.png" src="/renewal2026/aents-logo-kr.png?_cchid=37e169492cf1fcc18f5e7158d958baeb"></a>
925      <nav class="nav-links">
926        <a href="/service/aentscope/">엔스코프</a>
927        <a href="/service/consulting/">컨설팅</a>
928        <a href="/customers/">고객 사례</a>
929        <div class="nav-dd">
930          <button aria-expanded="false" aria-haspopup="true" class="nav-dd-btn on" type="button">자료
931            <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"></polyline></svg>
932          </button>
933          <div class="nav-dd-menu">
934            <a class="on" href="/pricing/">가격 안내</a>
935            <a href="/posts/">블로그</a>
936            <a href="/calculator/">탄소배출량 계산기</a>
937            <a href="/faq/">자주 묻는 질문</a>
938            <a href="/newsletter/">뉴스레터</a>
939            <a href="/press/">프레스</a>
940          </div>
941        </div>
942        <a href="/about/">회사소개</a>
943      </nav>
944      <div class="nav-cta">
945        <a class="btn btn-primary btn-sm nav-cta-btn" data-form="도입 문의" href="#">도입 문의</a>
946        <button aria-controls="mobileMenu" aria-expanded="false" aria-label="메뉴 열기" class="nav-toggle" id="navToggle">
947          <span class="bars"><span></span><span></span><span></span></span>
948        </button>
949      </div>
950    </div>
951    <div class="mobile-menu" hidden="" id="mobileMenu">
952      <a href="/service/aentscope/">엔스코프</a>
953      <a href="/service/consulting/">컨설팅</a>
954      <a href="/customers/">고객 사례</a>
955      <a class="on" href="/pricing/">가격 안내</a>
956      <a href="/posts/">블로그</a>
957      <a href="/calculator/">탄소배출량 계산기</a>
958      <a href="/faq/">자주 묻는 질문</a>
959      <a href="/newsletter/">뉴스레터</a>
960      <a href="/press/">프레스</a>
961      <a href="/about/">회사소개</a>
962      <div class="mobile-menu-actions">
963        <a class="btn btn-primary" data-form="도입 문의" href="#">도입 문의</a>
964      </div>
965    </div>
966  </header>
967</div>
968
969
970<section class="page-head">
971  <div class="container">
972    <div class="ph-inner">
973      <span class="eyebrow">PRICING · 견적 안내</span>
974      <h1>조직의 규모와 대응 범위에 맞춰,<br>가격을 <span class="hl">함께 설계</span>합니다</h1>
975      <p class="sub">엔츠는 정해진 정가표 대신, 귀사의 법인 수 · Scope 대응 범위 · 연동 · 검증 포함 여부를 반영한 맞춤 견적을 제공합니다. 의무 공시 일정과 예산에 맞는 최적의 도입 방식을 함께 찾습니다.</p>
976      <div class="actions">
977        <a class="btn btn-primary btn-lg" href="#quote">견적 요청하기</a>
978        <a class="btn btn-ghost btn-lg" href="#packages">패키지 살펴보기 →</a>
979      </div>
980    </div>
981  </div>
982</section>
983
984
985<section class="section alt">
986  <div class="container">
987    <span class="eyebrow">HOW PRICING WORKS</span>
988    <h2 class="s-title">가격은 6가지 요소로 결정됩니다</h2>
989    <p class="s-sub">대응 범위가 넓어질수록 비용은 늘지만, 한 번 구축한 데이터 체계는 매년 재사용되어 장기적으로는 비용이 줄어듭니다.</p>
990    <div class="factor-grid">
991      <div class="factor"><span class="lbl">01 · Scope</span><h4>조직 경계 규모</h4><p>산정 대상 법인 · 사업장 수. 국내 단일 법인부터 글로벌 연결기준까지 범위에 따라 달라집니다.</p></div>
992      <div class="factor"><span class="lbl">02 · Boundary</span><h4>Scope 대응 범위</h4><p>Scope 1 · 2만 운영할지, Scope 3 15개 카테고리까지 포함할지에 따라 산정 복잡도가 결정됩니다.</p></div>
993      <div class="factor"><span class="lbl">03 · Integration</span><h4>데이터 연동</h4><p>한전 · 올바로 API, ERP / SAP / 더존 등 연동하는 시스템 수에 따라 구축 범위가 달라집니다.</p></div>
994      <div class="factor"><span class="lbl">04 · Verification</span><h4>제3자 검증</h4><p>제3자 검증을 엔스코프 안에서 함께 진행할지 여부를 견적에 반영할 수 있습니다.</p></div>
995      <div class="factor"><span class="lbl">05 · Consulting</span><h4>컨설팅 범위</h4><p>인벤토리 구축, CDP 대응, 기후 리스크 분석 등 전문가 투입 수준에 따라 책정됩니다.</p></div>
996      <div class="factor"><span class="lbl">06 · Seats</span><h4>사용 인원 · 기간</h4><p>동시 사용자 수와 구독 기간에 따라 연 단위로 산정합니다.</p></div>
997    </div>
998  </div>
999</section>
1000
1001
1002<section class="section" id="packages">
1003  <div class="container">
1004    <span class="eyebrow">PACKAGES</span>
1005    <h2 class="s-title">세 가지 도입 방식</h2>
1006    <p class="s-sub">플랫폼 구독, 전문가 컨설팅, 그리고 부담 없이 시작하는 무료 PoC. 단독으로도, 함께도 운영할 수 있습니다.</p>
1007
1008    <div class="pkg-grid">
1009      <div class="pkg">
1010        <span class="pkg-tag">도입 검토 단계</span>
1011        <h3>무료 PoC</h3>
1012        <div class="pkg-price"><span class="amount">무료</span><span class="unit">5개월 한정</span></div>
1013        <p class="pkg-desc">도입 전, 우리 조직의 데이터 체계를 직접 검증해 보는 단계입니다.</p>
1014        <ul class="pkg-list">
1015          <li>PoC 대상 조직경계 정의</li>
1016          <li>'24–'25 인벤토리 이관</li>
1017          <li>정합성 · 사용성 검증</li>
1018          <li>피드백 논의 · 도입 확대 검토</li>
1019        </ul>
1020        <a class="btn btn-ghost pkg-cta" data-interest="poc" href="#quote">무료 PoC 신청</a>
1021      </div>
1022
1023      <div class="pkg featured">
1024        <span class="pkg-badge">가장 많이 선택</span>
1025        <span class="pkg-tag">플랫폼 구독</span>
1026        <h3>엔스코프</h3>
1027        <div class="pkg-price"><span class="amount">맞춤 견적</span><span class="unit">연 단위 구독</span></div>
1028        <p class="pkg-desc">측정 · 검증 · 보고를 한 플랫폼에서 운영하고, 매년 재사용합니다.</p>
1029        <ul class="pkg-list">
1030          <li>데이터 취합 · 산정 · 검증 · 인사이트 4개 모듈</li>
1031          <li>한전 · 올바로 · ERP / SAP / 더존 연동</li>
1032          <li>Scope 3 AI 자동 분류 · 배출계수 매핑</li>
1033          <li>제3자 검증 연계 · ISO 27001 인프라</li>
1034        </ul>
1035        <a class="btn btn-primary pkg-cta" data-interest="scope" href="#quote">견적 요청하기</a>
1036      </div>
1037
1038      <div class="pkg">
1039        <span class="pkg-tag">프로젝트</span>
1040        <h3>기후 전문가 컨설팅</h3>
1041        <div class="pkg-price"><span class="amount">맞춤 견적</span><span class="unit">프로젝트 단위</span></div>
1042        <p class="pkg-desc">17개 이상 산업의 트랙 레코드를 가진 전문가가 직접 수행합니다.</p>
1043        <ul class="pkg-list">
1044          <li>연결기준 Scope 1 · 2 인벤토리 구축</li>
1045          <li>Scope 3 가치사슬 배출량 산정</li>
1046          <li>KSSB · IFRS S2 대응</li>
1047          <li>탄소중립 로드맵 · 기후 리스크 분석</li>
1048        </ul>
1049        <a class="btn btn-ghost pkg-cta" data-interest="consulting" href="#quote">견적 요청하기</a>
1050      </div>
1051    </div>
1052    <p class="pkg-note">표시된 항목은 대표 구성이며, 실제 범위는 견적 단계에서 조직에 맞춰 조정됩니다.</p>
1053  </div>
1054</section>
1055
1056
1057<section class="section alt" id="quote">
1058  <div class="container quote-wrap">
1059    <div class="quote-intro">
1060      <span class="eyebrow">GET A QUOTE</span>
1061      <h2 class="quote-h2">맞춤 견적,<br><span class="hl">1영업일 내</span>에 회신드립니다</h2>
1062      <p class="quote-lead">현재 대응 현황과 관심 영역을 남겨주시면, 담당 컨설턴트가 조직에 맞는 도입 방식과 예상 범위를 정리해 연락드립니다.</p>
1063      <ul class="quote-points">
1064        <li>견적은 도입 의무가 없는 무료 안내입니다</li>
1065        <li>법인 수 · Scope 범위에 맞춘 예상 구성 제안</li>
1066        <li>무료 PoC 진행 방식도 함께 안내</li>
1067      </ul>
1068    </div>
1069
1070    <div class="quote-card">
1071      <form action="https://formspree.io/f/xyyrbdaw" class="lead-form quote-form" data-endpoint="https://formspree.io/f/xyyrbdaw" id="quoteForm" method="POST" novalidate="">
1072        <input name="_subject" type="hidden" value="[홈페이지] 가격 · 견적 문의">
1073        <input name="_replyto" type="hidden" value="">
1074        <div class="field">
1075          <label for="q-company">회사명<span class="req">*</span></label>
1076          <input autocomplete="organization" class="input" id="q-company" name="company" placeholder="(주)엔츠" required="" type="text">
1077          <span class="err">회사명을 입력해 주세요.</span>
1078        </div>
1079        <div class="form-row">
1080          <div class="field">
1081            <label for="q-name">담당자 이름<span class="req">*</span></label>
1082            <input autocomplete="name" class="input" id="q-name" name="name" placeholder="홍길동" required="" type="text">
1083            <span class="err">이름을 입력해 주세요.</span>
1084          </div>
1085          <div class="field">
1086            <label for="q-phone">연락처<span class="req">*</span></label>
1087            <input autocomplete="tel" class="input" id="q-phone" name="phone" placeholder="010-0000-0000" required="" type="tel">
1088            <span class="err">연락처를 입력해 주세요.</span>
1089          </div>
1090        </div>
1091        <div class="field">
1092          <label for="q-email">회사 공식 이메일<span class="req">*</span></label>
1093          <input autocomplete="email" class="input" id="q-email" name="email" placeholder="[email protected]" required="" type="email">
1094          <span class="err">올바른 이메일 주소를 입력해 주세요.</span>
1095        </div>
1096        <div class="field">
1097          <span class="group-label">관심 영역 <span class="opt">(복수 선택)</span></span>
1098          <div class="interest-group">
1099            <label class="interest"><input name="interest" type="checkbox" value="scope"><span>엔스코프 플랫폼</span></label>
1100            <label class="interest"><input name="interest" type="checkbox" value="consulting"><span>전문가 컨설팅</span></label>
1101            <label class="interest"><input name="interest" type="checkbox" value="poc"><span>무료 PoC</span></label>
1102          </div>
1103        </div>
1104        <div class="form-row">
1105          <div class="field">
1106            <label for="q-scale">법인 · 사업장 규모</label>
1107            <select class="select" id="q-scale" name="scale">
1108              <option value="단일 법인">단일 법인</option>
1109              <option value="2-5개 법인">2–5개 법인</option>
1110              <option value="6-15개 법인">6–15개 법인</option>
1111              <option value="연결기준 (해외 포함)">연결기준 (해외 포함)</option>
1112            </select>
1113          </div>
1114          <div class="field">
1115            <label for="q-scope">대응 범위</label>
1116            <select class="select" id="q-scope" name="scope">
1117              <option value="Scope 1·2">Scope 1 · 2</option>
1118              <option value="Scope 1·2·3">Scope 1 · 2 · 3</option>
1119              <option value="검증 포함">Scope 1·2·3 + 제3자 검증</option>
1120              <option value="미정">아직 미정</option>
1121            </select>
1122          </div>
1123        </div>
1124        <div class="field">
1125          <label for="q-message">문의 내용</label>
1126          <textarea class="textarea" id="q-message" name="message" placeholder="현재 대응 현황, 도입 희망 시점, 관심 프레임워크(KSSB · CDP · IFRS S2) 등을 적어주시면 더 정확히 안내드립니다."></textarea>
1127        </div>
1128        <label class="consent" id="q-consent-field">
1129          <input id="q-consent" name="consent" required="" type="checkbox">
1130          <span><b>(필수)</b> 입력하신 정보를 견적 상담 및 안내 목적으로 수집 · 이용하는 데 동의합니다. 수집 항목: 회사명 · 담당자명 · 이메일 · 연락처. 보유 기간: 상담 완료 후 1년. 자세한 내용은 <a href="#" rel="noopener">개인정보 처리방침</a>을 확인해 주세요.</span>
1131        </label>
1132        <button class="btn btn-primary btn-lg submit" type="submit">견적 요청 보내기</button>
1133        <p class="privacy-note">제출 시 담당 컨설턴트가 1영업일 이내에 회신드립니다. 마케팅 수신과는 무관합니다.</p>
1134      </form>
1135
1136      <div class="quote-success">
1137        <div class="ok-mark">✓</div>
1138        <h3>견적 요청이 접수되었습니다</h3>
1139        <p>담당 컨설턴트가 입력해 주신 연락처로 1영업일 이내에 맞춤 견적과 함께 연락드리겠습니다. 감사합니다.</p>
1140      </div>
1141    </div>
1142  </div>
1143</section>
1144
1145
1146<section class="section">
1147  <div class="container faq-container">
1148    <span class="eyebrow">FAQ</span>
1149    <h2 class="s-title">가격에 대해 자주 묻는 질문</h2>
1150    <div class="faq-list">
1151      <details class="faq"><summary>가격이 공개되어 있지 않은 이유는 무엇인가요?</summary><div class="faq-a">조직마다 법인 수 · Scope 대응 범위 · 연동 · 검증 포함 여부가 크게 다릅니다. 정가표 대신 실제 대응 범위에 맞춘 맞춤 견적을 제공하는 편이 더 정확하고, 불필요한 비용을 줄일 수 있습니다.</div></details>
1152      <details class="faq"><summary>비용은 어떻게 산정되나요?</summary><div class="faq-a">위에서 안내한 6가지 요소(조직 경계 규모, Scope 범위, 데이터 연동, 제3자 검증, 컨설팅 범위, 사용 인원 · 기간)를 기준으로 산정합니다. 견적 단계에서 각 항목을 함께 조정합니다.</div></details>
1153      <details class="faq"><summary>무료 PoC 이후 반드시 도입해야 하나요?</summary><div class="faq-a">
1153아니요. PoC는 도입 의무 없이 우리 조직에 맞는지 검증해 보는 단계입니다. 검증 결과를 바탕으로 도입 여부와 범위를 자유롭게 결정하실 수 있습니다.</div></details>
1154      <details class="faq"><summary>컨설팅과 플랫폼을 함께 이용하면 어떻게 되나요?</summary><div class="faq-a">엔스코프 구독과 전문가 컨설팅을 함께 운영하실 경우, 중복 작업을 줄여 통합 견적으로 안내드립니다. 한 번 구축한 데이터 체계가 매년 재사용되어 장기 비용이 줄어듭니다.</div></details>
1155      <details class="faq"><summary>제3자 검증 비용도 포함되나요?</summary><div class="faq-a">검증은 엔스코프 안에서 제3자 검증기관과 함께 진행할 수 있으며, 검증 진행 여부를 견적에 옵션으로 반영합니다.</div></details>
1156    </div>
1157  </div>
1158</section>
1159
1160<footer id="site-footer">
1161  <div class="ae-container container">
1162    <div class="foot-grid">
1163      <div class="brand-block" style="width: 400px;">
1164        <img alt="Aents" data-cms-original-src="/renewal2026/aents-logo-kr.png" src="/renewal2026/aents-logo-kr.png?_cchid=37e169492cf1fcc18f5e7158d958baeb">
1165        <p class="desc" style="width: 270px;">더 똑똑한 지속가능성 공시, 플랫폼과 AI가 만드는 실행 인프라. 엔츠는 기업이 자신의 탄소 데이터를 자신 있게 다룰 수 있게 합니다.</p>
1166        <div class="contact">[email protected]<br>02-6956-1130</div>
1167      </div>
1168      <div class="foot">
1169        <h5>엔스코프</h5>
1170        <ul>
1171          <li><a href="/service/aentscope/?tab=collect">취합 자동화</a></li>
1172          <li><a href="/service/aentscope/?tab=quality">데이터 품질</a></li>
1173          <li><a href="/service/aentscope/?tab=cost">비용 절감</a></li>
1174          <li><a href="/service/aentscope/?tab=report">보고 자동화</a></li>
1175          <li><a href="/service/aentscope/?tab=scale">확장성</a></li>
1176        </ul>
1177      </div>
1178      <div class="foot">
1179        <h5>컨설팅</h5>
1180        <ul>
1181          <li><a href="/service/consulting/?tab=kssb">기후공시</a></li>
1182          <li><a href="/service/consulting/?tab=physical-risk">기후 리스크</a></li>
1183          <li><a href="/service/consulting/?tab=pcf">제품탄소발자국</a></li>
1184          <li><a href="/service/consulting/?tab=esg">Scope 3</a></li>
1185          <li><a href="/service/consulting/?tab=roadmap">SBTi · 탄소중립 로드맵</a></li>
1186        </ul>
1187      </div>
1188      <div class="foot">
1189        <h5>회사</h5>
1190        <ul>
1191          <li><a href="/about/">회사소개</a></li>
1192          <li><a href="/customers/">고객 사례</a></li>
1193          <li><a href="/pricing/">가격 안내</a></li>
1194        </ul>
1195      </div>
1196      <div class="foot">
1197        <h5>자료</h5>
1198        <ul>
1199          <li><a href="/posts/">블로그</a></li>
1200          <li><a href="/calculator/">탄소배출량 계산기</a></li>
1201          <li><a href="/faq/">자주 묻는 질문</a></li>
1202          <li><a href="/newsletter/">뉴스레터</a></li>
1203          <li><a href="/press/">프레스</a></li>
1204          <li><a data-form="무료 PoC 신청" href="#">무료 PoC</a></li>
1205        </ul>
1206      </div>
1207    </div>
1208    <div class="copy">
1209      <span>주식회사 엔츠 AENTS Co.,Ltd. | 대표: 박광빈 | 사업자등록번호: 207-88-02290<br>서울시 강남구 논현로85길 22 동경빌딩 5층</span>
1210      <div class="legal">
1211        <a href="/terms-of-use/">서비스 이용약관</a>
1212        <a href="/privacy-policy/">개인정보 처리방침</a>
1213      </div>
1214    </div>
1215  </div>
1216</footer>
1217
1218<div aria-labelledby="leadModalTitle" aria-modal="true" class="modal-scrim" hidden="" id="leadModal" role="dialog">
1219  <div class="modal-card">
1220    <button aria-label="닫기" class="modal-close" data-close="" type="button">✕</button>
1221
1222    <span class="eyebrow">GET STARTED</span>
1223    <h3 id="leadModalTitle">도입 문의 · 무료 PoC 신청</h3>
1224    <p class="modal-sub">연락처를 남겨주시면 담당 컨설턴트가 1영업일 이내에 연락드립니다. 우리 조직에 맞는 도ìž
1224… 방식과 PoC 진행을 함께 설계해 드립니다.</p>
1225
1226    <form action="https://formspree.io/f/xyyrbdaw" class="lead-form" data-endpoint="https://formspree.io/f/xyyrbdaw" id="leadForm" method="POST" novalidate="">
1227      <input name="_subject" type="hidden" value="[홈페이지] 도입 문의">
1228      <input name="_replyto" type="hidden" value="">
1229
1230      <div class="field">
1231        <label for="f-company">회사명<span class="req">*</span></label>
1232        <input autocomplete="organization" class="input" id="f-company" name="company" placeholder="(주)엔츠" required="" type="text">
1233        <span class="err">회사명을 입력해 주세요.</span>
1234      </div>
1235
1236      <div class="form-row">
1237        <div class="field">
1238          <label for="f-name">담당자 이름<span class="req">*</span></label>
1239          <input autocomplete="name" class="input" id="f-name" name="name" placeholder="홍길동" required="" type="text">
1240          <span class="err">이름을 입력해 주세요.</span>
1241        </div>
1242        <div class="field">
1243          <label for="f-role">직책 · 부서</label>
1244          <input autocomplete="organization-title" class="input" id="f-role" name="role" placeholder="ESG팀 / 팀장" type="text">
1245        </div>
1246      </div>
1247
1248      <div class="field">
1249        <label for="f-email">회사 공식 이메일<span class="req">*</span></label>
1250        <input autocomplete="email" class="input" id="f-email" name="email" placeholder="[email protected]" required="" type="email">
1251        <span class="field-hint">개인 메일이 아닌 회사 도메인 이메일을 입력해 주세요.</span>
1252        <span class="err">올바른 이메일 주소를 입력해 주세요.</span>
1253      </div>
1254
1255      <div class="field">
1256        <label for="f-phone">연락처<span class="req">*</span></label>
1257        <input autocomplete="tel" class="input" id="f-phone" name="phone" placeholder="010-0000-0000" required="" type="tel">
1258        <span class="err">연락처를 입력해 주세요.</span>
1259      </div>
1260
1261      <div class="field">
1262        <label for="f-type">문의 유형</label>
1263        <select class="select" id="f-type" name="type">
1264          <option value="무료 PoC 신청">무료 PoC 신청 (5개월)</option>
1265          <option value="도입 문의">엔스코프 도입 문의</option>
1266          <option value="컨설팅 문의">기후 전문가 컨설팅 문의</option>
1267          <option value="가격 · 견적 문의">가격 · 견적 문의</option>
1268          <option value="서비스 소개서">서비스 소개서 받기</option>
1269          <option value="1:1 상담">1:1 맞춤 상담</option>
1270        </select>
1271      </div>
1272
1273      <div class="field">
1274        <label for="f-message">문의 내용</label>
1275        <textarea class="textarea" id="f-message" name="message" placeholder="현재 대응 현황, 법인 수, 관심 있는 프레임워크(KSSB · CDP · IFRS S2) 등을 적어주시면 더 정확히 안내드립니다."></textarea>
1276      </div>
1277
1278      <label class="consent" id="f-consent-field">
1279        <input id="f-consent" name="consent" required="" type="checkbox">
1280        <span><b>(필수)</b> 입력하신 정보를 도입 상담 및 안내 목적으로 수집 · 이용하는 데 동의합니다. 수집 항목: 회사명 · 담당자명 · 이메일 · 연락처. 보유 기간: 상담 완료 후 1년. 자세한 내용은 <a href="/privacy-policy/" rel="noopener" target="_blank">개인정보 처리방침</a>을 확인해 주세요.</span>
1281      </label>
1282
1283      <button class="btn btn-primary btn-lg submit" type="submit">신청 보내기</button>
1284      <p class="privacy-note">제출 시 담당 컨설턴트가 1영업일 이내에 회신드립니다. 마케팅 수신과는 무관합니다.</p>
1285    </form>
1286
1287    <div class="form-success">
1288      <div class="ok-mark">✓</div>
1289      <h3>신청이 접수되었습니다</h3>
1290      <p>담당 컨설턴트가 입력해 주신 연락처로 1영업일 이내에 연락드리겠습니다. 감사합니다.</p>
1291      <button class="btn btn-dark btn-lg" data-close="" type="button">닫기</button>
1292    </div>
1293  </div>
1294</div>
1295
1296
1297<script data-cms-original-src="/renewal2026/ae-chrome.js" defer="" src="/renewal2026/ae-chrome.js?_cchid=f83d2a4e3a963db3fa080675a8a3ae20"></script>
vendor: 1 bytes, line 1297
1297
1298<script data-cms-original-src="/renewal2026/ae-lead.js" defer="" src="/renewal2026/ae-lead.js?_cchid=c26cbca524146871b97448cb938dcda6"></script>
1298
1299
1300<script>
1301   
1302  document.addEventListener('DOMContentLoaded', function () {
1303    const scrim = document.getElementById('leadModal');
1304    const card = scrim && scrim.querySelector('.modal-card');
1305    const form = document.getElementById('leadForm');
1306    const typeSel = document.getElementById('f-type');
1307    const title = document.getElementById('leadModalTitle');
1308    const defaultTitle = title ? title.textContent : '';
1309    const titles = { '서비스 소개서': '엔스코프 소개서 받기' };
1310    if (!scrim || !form) return;
1311    let lastFocus = null;
1312
1313    const open = (type) => {
1314      lastFocus = document.activeElement;
1315      if (type && typeSel) {
1316        const match = [...typeSel.options].find((o) => o.value === type);
1317        if (match) typeSel.value = type;
1318      }
1319      if (title) title.textContent = (type && titles[type]) || defaultTitle;
1320      scrim.hidden = false;
1321      document.body.style.overflow = 'hidden';
1322      void scrim.offsetWidth;
1323      scrim.classList.add('open');
1324      const first = form.querySelector('input, select, textarea');
1325      if (first) first.focus();
1326    };
1327    const close = () => {
1328      scrim.classList.remove('open');
1329      document.body.style.overflow = '';
1330      setTimeout(() => {
1331        scrim.hidden = true;
1332        if (card) card.classList.remove('done');
1333        form.reset();
1334        form.querySelectorAll('.invalid').forEach((el) => el.classList.remove('invalid'));
1335        const fb = form.parentNode.querySelector('.ae-lead-fallback');
1336        if (fb) fb.parentNode.removeChild(fb);
1337      }, 200);
1338      if (lastFocus && lastFocus.focus) lastFocus.focus();
1339    };
1340
1341    document.querySelectorAll('[data-form]').forEach((el) => {
1342      el.addEventListener('click', (e) => { e.preventDefault(); open(el.getAttribute('data-form')); });
1343    });
1344    scrim.addEventListener('click', (e) => { if (e.target === scrim) close(); });
1345    scrim.querySelectorAll('[data-close]').forEach((b) => b.addEventListener('click', close));
1346    document.addEventListener('keydown', (e) => { if (e.key === 'Escape' && !scrim.hidden) close(); });
1347
1348     
1349    const validate = (f) => {
1350      let ok = true;
1351      f.querySelectorAll('[required]').forEach((inp) => {
1352        const wrap = inp.closest('.field') || inp.closest('.consent');
1353        let valid = inp.type === 'checkbox' ? inp.checked : inp.value.trim() !== '';
1354        if (valid && inp.type === 'email') valid = /^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(inp.value.trim());
1355        if (wrap) wrap.classList.toggle('invalid', !valid);
1356        if (!valid) ok = false;
1357      });
1358      if (!ok) {
1359        const firstInvalid = f.querySelector('.invalid input, .invalid select, .invalid textarea');
1360        if (firstInvalid) firstInvalid.focus();
1361      }
1362      return ok;
1363    };
1364
1365     
1366    const syncMeta = (f) => {
1367      const email = f.querySelector('[name="email"]');
1368      const company = f.querySelector('[name="company"]');
1369      const type = f.querySelector('[name="type"]');
1370      const rt = f.querySelector('[name="_replyto"]');
1371      const sj = f.querySelector('[name="_subject"]');
1372      if (rt && email) rt.value = email.value.trim();
1373      if (sj) {
1374        sj.value = '[홈페이지] ' + ((type && type.value) || '도입 문의') +
1375          ' — ' + ((company && company.value.trim()) || '회사명 미기재');
1376      }
1377    };
1378
1379    window.AentsLead.wire(form, {
1380      formName: '도입 문의 · 무료 PoC 신청',
1381      consentText: '입력하신 정보를 도입 상담 및 안내 목적으로 수집·이용하는 데 동의합니다.',
1382      busyLabel: '전송 중…',
1383      validate: (f) => { if (!validate(f)) return false; syncMeta(f); return true; },
1384      onSuccess: () => { if (card) { card.classList.add('done'); card.scrollTop = 0; } }
1385    });
1386  });
1387</script>
vendor: 69 bytes, lines 1387-1389
1387
1388
1389<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1389GTM-WSZ6JSH9
vendor: 84 bytes, lines 1389-1391
1389"
1390height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1391
1392<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-172ZG87P9R"></script>
vendor: 1 bytes, line 1392
1392
1393<script>
1394  
vendor: 133 bytes, lines 1394-1397
1394window.dataLayer = window.dataLayer || [];
1395  function gtag(){dataLayer.push(arguments);}
1396  gtag('js', new Date());
1397  gtag('config', '
1397G-172ZG87P9R
vendor: 4 bytes, line 1397
1397');
1398</script>
1398<script>
1399  (function(){
1400    var w=window;
1401    if(!w.ChannelIO){var ch=function(){ch.c(arguments);};ch.q=[];ch.c=function(args){ch.q.push(args);};w.ChannelIO=ch;}
1402    var done=false;
1403    function loadThirdParty(){
1404      if(done)return;done=true;
1405      ['scroll','pointerdown','keydown','touchstart','mousemove'].forEach(function(e){w.removeEventListener(e,loadThirdParty,{passive:true});});
1406      if(!w.ChannelIOInitialized){
1407        w.ChannelIOInitialized=true;
1408        var s=document.createElement('script');s.async=true;s.src='https://cdn.channel.io/plugin/ch-plugin-web.js';document.head.appendChild(s);
1409      }
1410      w.ChannelIO('boot',{"pluginKey":"cc99e13f-ef41-4522-84db-928571c75c19"});
1411      var h=document.createElement('script');h.id='hs-script-loader';h.async=true;h.defer=true;h.src='https://js.hs-scripts.com/46715654.js';document.head.appendChild(h);
1412    }
1413    ['scroll','pointerdown','keydown','touchstart','mousemove'].forEach(function(e){w.addEventListener(e,loadThirdParty,{passive:true});});
1414    w.setTimeout(loadThirdParty,4000);
1415  })();
1416</script>
1416
1417
1418
1419<script>
1420  (function(){
1421    const form = document.getElementById('quoteForm');
1422    if(!form) return;
1423    const card = form.closest('.quote-card');
1424    document.querySelectorAll('[data-interest]').forEach(function(el){
1425      el.addEventListener('click', function(){
1426        const v = el.getAttribute('data-interest');
1427        const cb = form.querySelector('input[name="interest"][value="'+v+'"]');
1428        if(cb) cb.checked = true;
1429      });
1430    });
1431
1432     
1433    function validate(f){
1434      let ok = true;
1435      f.querySelectorAll('[required]').forEach(function(inp){
1436        const wrap = inp.closest('.field') || inp.closest('.consent');
1437        let valid = inp.type === 'checkbox' ? inp.checked : inp.value.trim() !== '';
1438        if(valid && inp.type === 'email') valid = /^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(inp.value.trim());
1439        if(wrap) wrap.classList.toggle('invalid', !valid);
1440        if(!valid) ok = false;
1441      });
1442      if(!ok){ const fi = f.querySelector('.invalid input, .invalid select, .invalid textarea'); if(fi) fi.focus(); }
1443      return ok;
1444    }
1445
1446    function syncMeta(f){
1447      const email = f.querySelector('[name="email"]');
1448      const company = f.querySelector('[name="company"]');
1449      const rt = f.querySelector('[name="_replyto"]');
1450      const sj = f.querySelector('[name="_subject"]');
1451      if(rt && email) rt.value = email.value.trim();
1452      if(sj) sj.value = '[홈페이지] 가격 · 견적 문의 — ' + ((company && company.value.trim()) || '회사명 미기재');
1453    }
1454
1455    window.AentsLead.wire(form, {
1456      formName: '가격 · 견적 문의',
1457      consentText: '입력하신 정보를 견적 상담 및 안내 목적으로 수집·이용하는 데 동의합니다.',
1458      busyLabel: '전송 중…',
1459      validate: function(f){ if(!validate(f)) return false; syncMeta(f); return true; },
1460      onSuccess: function(){ if(card){ card.classList.add('done'); card.scrollTop = 0; } }
1461    });
1462  })();
1463</script>
1463
1464
1465
1466
1467</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.