:root{font-family:'Titillium Web','Noto Sans KR',sans-serif;color:#f5f5f5;background:#080808;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}header{position:absolute;z-index:3;top:0;left:0;right:0;height:66px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff24}.wordmark{font-size:21px;letter-spacing:.12em;font-weight:600}.wordmark span{font-weight:300}.kil img{width:55px;height:32px;object-fit:cover}.hero{height:100svh;min-height:560px;position:relative;overflow:hidden;background:#080808}#field{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y}.hero-copy{position:absolute;left:8%;top:31%;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:.18em;color:#aaa}h1{font-size:clamp(45px,6.4vw,90px);font-weight:400;line-height:1.15;letter-spacing:-.055em;margin:22px 0}p{font-size:14px;line-height:1.9;color:#aaa}.discover{margin-top:20px;display:inline-flex;gap:45px;align-items:center;border-bottom:1px solid #aaa;padding:14px 0;font-size:12px}.discover span{font-size:20px}.hero-foot{position:absolute;bottom:28px;left:5%;right:5%;display:flex;justify-content:space-between;color:#aaa;font-size:9px;letter-spacing:.14em}.engine-list{padding:100px 5% 80px;max-width:1600px;margin:auto}.section-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.section-title h2{font-size:clamp(25px,3vw,40px);font-weight:400;letter-spacing:-.05em;margin:12px 0 0}.section-title p{font-size:11px}.cards{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #333}.card{min-height:175px;padding:24px 20px 25px 0;border-bottom:1px solid #333;transition:color .2s,background .2s}.card:hover{background:#ffffff0c}.card .top{display:flex;justify-content:space-between;color:#888;font-size:10px}.card h3{font-size:22px;font-weight:400;letter-spacing:.08em;margin:34px 0 6px}.card p{font-size:11px;margin:0}.card .arrow{font-size:18px;color:#ddd}.note,footer{font-size:10px;color:#888}footer{display:flex;justify-content:space-between;border-top:1px solid #282828;margin:0 5%;padding:22px 0 32px;letter-spacing:.08em}@media(max-width:720px){header{height:58px}.wordmark{font-size:18px}.kil img{width:48px;height:28px}.hero{min-height:520px}.hero-copy{left:6%;top:30%}.hero-copy h1{font-size:46px}.hero-copy p{font-size:13px}.hero-foot{bottom:22px}.engine-list{padding:64px 6%}.section-title{display:block;margin-bottom:30px}.section-title p{margin-top:12px}.cards{grid-template-columns:repeat(2,1fr)}.card{min-height:138px;padding:20px 10px 20px 0}.card h3{font-size:19px;margin:25px 0 5px}.card p{font-size:10px}footer{font-size:8px;gap:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.wordmark{display:flex;align-items:center;gap:10px}.wordmark .tech-mark{width:29px;height:29px;flex:none}.wordmark>span{white-space:nowrap}

.card .engine-icon{display:block;width:68px;height:68px;object-fit:contain;margin:20px 0 10px}.card h3{margin-top:6px}@media(max-width:720px){.card .engine-icon{width:50px;height:50px;margin:18px 0 8px}}

#language-toggle{font:400 10px "Titillium Web",sans-serif;color:inherit;background:transparent;border:0;min-width:30px;min-height:36px;cursor:pointer;padding:6px}header>#language-toggle{margin-left:18px}header>.kil{margin-left:auto}html[lang=en] .sample-item strong{font-size:10px}

.hero{background:#080808}.hero-copy{z-index:1;text-shadow:0 2px 25px #080808}.hero-copy p{color:#bbb}

/* FLOW intro: larger legible particle mark, no counters or decorative arrows. */
.hero-copy{left:5%;top:30%;max-width:44%}.hero-copy h1{font-size:clamp(44px,5.5vw,104px)}.discover{gap:0;min-height:48px}.hero-foot,.arrow{display:none}@media(max-width:720px){.hero{min-height:680px}.hero-copy{left:6%;top:16%;max-width:88%}.hero-copy h1{font-size:clamp(36px,10vw,48px);margin:16px 0}.hero-copy .eyebrow{font-size:8px}.hero-copy p{font-size:12px}.discover{margin-top:5px}}


.wordmark .tech-mark{filter:drop-shadow(0 0 4px #78ffcfaa) drop-shadow(0 0 10px #53bbff88)}
@keyframes tech-mark-aurora{0%,100%{filter:drop-shadow(0 0 4px #78ffcfaa) drop-shadow(0 0 10px #53bbff88)}50%{filter:drop-shadow(0 0 5px #72d5ffcc) drop-shadow(0 0 14px #bf78ff99)}}
@media(prefers-reduced-motion:no-preference){.wordmark .tech-mark{animation:tech-mark-aurora 4.5s ease-in-out infinite}}