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.