:root{--cyan: #29abe2;--blue-400:#38b0ec;--blue-500:#1e8fd5;--blue-600:#1b6fc4;--blue-700:#1655a8;--ink: #1a2233;--ink-soft:#3a4358;--muted: #6b7588;--line: #e6ebf2;--bg: #f6f9fc;--bg-soft: #eef3f9;--white: #ffffff;--radius: 20px;--shadow-sm: 0 4px 14px rgba(26,52,90,.06);--shadow-md: 0 16px 40px rgba(26,52,90,.1);--shadow-lg: 0 30px 70px rgba(26,52,90,.16);--grad-brand: linear-gradient(135deg, #38b0ec 0%, #1e8fd5 45%, #1655a8 100%);--grad-ink: linear-gradient(135deg, #1a2233 0%, #243049 55%, #16345a 100%)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}section{position:relative}.wrap{width:min(1180px,92vw);margin-inline:auto}.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;line-height:1;padding:14px 24px;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;white-space:nowrap}.btn-primary{background:var(--grad-brand);color:#fff;box-shadow:0 10px 24px #1e8fd559}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 32px #1e8fd573}.btn-ghost{background:#ffffffb3;border-color:var(--line);color:var(--ink)}.btn-ghost:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:#cdd9e8}.btn-light{background:#ffffff1f;border-color:#ffffff47;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-light:hover{background:#ffffff38;transform:translateY(-2px)}header{position:fixed;inset:0 0 auto 0;z-index:50;transition:background .3s ease,box-shadow .3s ease,padding .3s ease;padding:18px 0}header.scrolled{background:#ffffffd1;-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);box-shadow:0 1px #1a345a0f,var(--shadow-sm);padding:12px 0}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{height:68px;width:auto}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a,.nav-category-trigger{font-size:15px;font-weight:500;color:var(--ink-soft);position:relative;transition:color .2s}.nav-category-trigger{display:inline-flex;align-items:center;gap:6px;background:none;border:0;cursor:pointer;font-family:inherit}.nav-category-trigger:before{content:"";width:6px;height:6px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg) translateY(-1px);order:2;transition:transform .2s ease}.nav-links a:after,.nav-category-trigger:after{content:"";position:absolute;left:0;bottom:-6px;height:2px;width:0;background:var(--grad-brand);border-radius:2px;transition:width .25s ease}.nav-links a:hover,.nav-category-trigger:hover,.nav-category.open .nav-category-trigger{color:var(--blue-600)}.nav-links a:hover:after,.nav-category:hover .nav-category-trigger:after,.nav-category:focus-within .nav-category-trigger:after,.nav-category.open .nav-category-trigger:after{width:100%}.nav-category{position:relative}.nav-category:hover .nav-category-trigger:before,.nav-category:focus-within .nav-category-trigger:before,.nav-category.open .nav-category-trigger:before{transform:rotate(225deg) translate(-1px,-1px)}.nav-submenu{position:absolute;top:calc(100% + 16px);left:0;min-width:170px;display:grid;gap:4px;padding:10px;background:#fffffff5;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.nav-category:hover .nav-submenu,.nav-category:focus-within .nav-submenu,.nav-category.open .nav-submenu{opacity:1;visibility:visible;transform:translateY(0)}.nav-submenu a{display:block;padding:10px 12px;border-radius:10px;white-space:nowrap}.nav-submenu a:after{display:none}.nav-submenu a:hover{background:#1e8fd517}.nav-cta{display:flex;align-items:center;gap:12px}.menu-toggle{display:none;background:none;border:0;cursor:pointer;padding:8px}.menu-toggle span{display:block;width:22px;height:2px;background:var(--ink);border-radius:2px;transition:.3s}.menu-toggle span+span{margin-top:5px}.hero{padding:180px 0 110px;background:radial-gradient(900px 500px at 85% -5%,rgba(56,176,236,.18),transparent 60%),radial-gradient(700px 500px at 5% 20%,rgba(22,85,168,.12),transparent 55%),var(--bg);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--blue-600);background:#1e8fd51a;padding:7px 14px;border-radius:999px;margin-bottom:22px}.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px #29abe22e}.hero h1{font-size:clamp(36px,5vw,60px);line-height:1.12;letter-spacing:-.02em;font-weight:800;color:var(--ink)}.hero h1 .grad{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.lead{margin:24px 0 34px;font-size:18px;color:var(--ink-soft);max-width:30em}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-stats{display:flex;gap:36px;margin-top:48px}.hero-stats .num{font-size:30px;font-weight:800;color:var(--ink);letter-spacing:-.02em}.hero-stats .num b{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-stats .lbl{font-size:13.5px;color:var(--muted);margin-top:2px}.hero-visual{position:relative;height:460px}.glass{position:absolute;border-radius:24px;background:#ffffffb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow-lg)}.card-main{top:30px;right:40px;bottom:60px;left:0;padding:26px;display:flex;flex-direction:column;gap:18px;background:var(--grad-ink);border:none}.card-main .glyph{width:56px;height:56px;border-radius:14px;background:#ffffff14;display:grid;place-items:center}.card-main .glyph img{height:30px;filter:brightness(0) invert(1)}.card-main h3{color:#fff;font-size:19px;font-weight:700;letter-spacing:-.01em}.card-main p{color:#ffffffb8;font-size:14px}.mini-bars{display:flex;align-items:flex-end;gap:8px;height:90px;margin-top:auto}.mini-bars span{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--blue-400),rgba(56,176,236,.25))}.badge-float{position:absolute;padding:14px 18px;border-radius:16px;display:flex;align-items:center;gap:12px;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.9);animation:float 5s ease-in-out infinite}.badge-float .ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:#fff;font-size:18px}.badge-float .t{font-size:12.5px;color:var(--muted)}.badge-float .v{font-size:15px;font-weight:700;color:var(--ink)}.badge-b2c{right:-8px;top:18px}.badge-b2c .ic{background:var(--grad-brand)}.badge-b2b{left:-18px;bottom:30px;animation-delay:-2.5s}.badge-b2b .ic{background:var(--grad-ink)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.trustbar{margin-top:70px}.trustbar p{text-align:center;font-size:13px;color:var(--muted);letter-spacing:.04em;margin-bottom:18px}.logos{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 40px;opacity:.7}.logos span{font-weight:700;font-size:18px;color:#97a3b6;letter-spacing:-.01em}.sec{padding:100px 0}.sec-head{max-width:660px;margin-bottom:56px}.sec-head.center{margin-inline:auto;text-align:center}.tag{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 13px;border-radius:999px;margin-bottom:16px}.tag.b2c{color:var(--blue-600);background:#1e8fd51a}.tag.b2b{color:#cfe3f7;background:#ffffff1a}.tag.game{color:#0f8a7d;background:#14b8a61f}.sec-head h2{font-size:clamp(28px,3.4vw,42px);font-weight:800;letter-spacing:-.02em;line-height:1.18}.sec-head p{margin-top:16px;font-size:17px;color:var(--ink-soft)}.services{background:var(--white);border-top:1px solid var(--line)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:30px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--grad-brand);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:transparent}.card:hover:before{transform:scaleX(1)}.card .ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-size:26px;margin-bottom:22px;background:var(--bg-soft)}.card.svc .ic{background:linear-gradient(135deg,#38b0ec29,#1655a81f)}.app-icon-wrap{overflow:hidden;background:#fff!important;box-shadow:0 10px 26px #1a345a1f}.app-icon-wrap img{width:100%;height:100%;display:block;object-fit:cover}.card h3{font-size:20px;font-weight:700;letter-spacing:-.01em}.card p{margin-top:10px;font-size:15px;color:var(--ink-soft)}.card .more{margin-top:18px;display:inline-flex;align-items:center;gap:6px;font-size:14.5px;font-weight:600;color:var(--blue-600)}.card .more svg{transition:transform .25s}.card:hover .more svg{transform:translate(4px)}.platform-links{margin-top:18px;display:grid;gap:8px}.platform-caption{font-size:12px;font-weight:800;color:var(--muted);letter-spacing:.02em}.platform-icons{display:flex;flex-wrap:wrap;gap:8px}.platform-link{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:7px 10px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink-soft);font-size:12.5px;font-weight:800;transition:transform .2s ease,border-color .2s ease,color .2s ease,background .2s ease}.platform-link:hover{transform:translateY(-2px);border-color:#1e8fd559;color:var(--blue-600);background:#1e8fd50f}.platform-symbol{width:17px;height:17px;display:inline-grid;place-items:center;flex:0 0 auto;color:currentColor}.platform-symbol svg{width:17px;height:17px;display:block;fill:currentColor}.empty-state{grid-column:1 / -1;min-height:260px;display:grid;place-items:center;text-align:center;padding:48px 28px;border:1px dashed #c8d6e6;border-radius:var(--radius);background:linear-gradient(135deg,#ffffffdb,#f6f9fcf0)}.empty-state span{display:inline-flex;align-items:center;justify-content:center;padding:7px 13px;border-radius:999px;background:#1e8fd51a;color:var(--blue-600);font-size:12px;font-weight:900;letter-spacing:.08em}.empty-state h3{margin-top:16px;font-size:clamp(26px,4vw,42px);font-weight:900;letter-spacing:-.02em}.empty-state p{margin-top:10px;max-width:34em;color:var(--ink-soft)}.empty-state-strong{min-height:300px}.empty-state-strong span{padding:18px 30px;font-size:clamp(32px,7vw,76px);line-height:1;letter-spacing:.04em;border-radius:22px;box-shadow:0 18px 45px #14b8a624}.card.feature{grid-column:span 2;display:grid;grid-template-columns:1fr auto;align-items:center;gap:28px;background:linear-gradient(120deg,#f3f8fd,#eaf3fc)}.card.feature .txt h3{font-size:23px}.card.feature .visual{width:150px;height:150px;border-radius:24px;background:var(--grad-brand);display:grid;place-items:center;box-shadow:var(--shadow-md)}.card.feature .visual span{font-size:56px}.card.feature .visual.app-icon-wrap img{border-radius:24px}.tools{background:var(--grad-ink);color:#fff}.tools .sec-head h2{color:#fff}.tools .sec-head p{color:#b9c5d8}.tools .cards{grid-template-columns:repeat(2,1fr)}.card.tool{background:#ffffff0b;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card.tool:before{background:linear-gradient(90deg,var(--cyan),var(--blue-500))}.card.tool:hover{background:#ffffff12;box-shadow:0 26px 60px #00000059;border-color:#ffffff2e}.card.tool .ic{background:#ffffff14;color:#fff}.card.tool h3{color:#fff}.card.tool p{color:#b3c0d4}.card.tool .more{color:var(--blue-400)}.card.tool .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.card.tool .chips span{font-size:12.5px;font-weight:500;color:#cdd9ea;padding:5px 11px;border-radius:999px;background:#ffffff12;border:1px solid rgba(255,255,255,.1)}.card.tool .platform-caption{color:#94a6c1}.card.tool .platform-link{border-color:#ffffff1f;background:#ffffff0f;color:#d8e4f4}.card.tool .platform-link:hover{border-color:#38b0ec66;background:#38b0ec24;color:#fff}.process{background:radial-gradient(760px 320px at 8% 8%,rgba(41,171,226,.12),transparent 68%),linear-gradient(180deg,#fff,#f3f8fc);border-top:1px solid var(--line)}.process .cards{grid-template-columns:repeat(4,1fr)}.tag.process{color:#0e6ca8;background:#29abe21f}.card.process{min-height:260px;background:#ffffffdb;border-color:#dbe6f1;box-shadow:var(--shadow-sm)}.card.process:before{background:linear-gradient(90deg,#29abe2,#14b8a6);transform:scaleX(1)}.card.process .ic{width:50px;height:50px;border-radius:14px;background:var(--grad-brand);color:#fff;font-size:16px;font-weight:900;letter-spacing:.02em}.card.process h3{font-size:19px}.card.process .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.card.process .chips span{font-size:12px;font-weight:800;color:#186fa8;padding:5px 10px;border-radius:999px;background:#29abe217;border:1px solid rgba(41,171,226,.16)}.games{background:linear-gradient(180deg,#f7fbfb,#fff);border-top:1px solid var(--line)}.games .empty-state{border-color:#14b8a647;background:radial-gradient(500px 220px at 50% 0%,rgba(20,184,166,.12),transparent 70%),linear-gradient(135deg,#fff,#f5fbfb)}.games .empty-state span{background:#14b8a61f;color:#0f8a7d}.games .empty-state-strong span{background:linear-gradient(135deg,#0f8a7d,#1e8fd5);color:#fff}.card.game{background:#fff}.card.game:before{background:linear-gradient(90deg,#14b8a6,#38b0ec)}.card.game .ic{background:linear-gradient(135deg,#14b8a624,#38b0ec21)}.card.game .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.card.game .chips span{font-size:12.5px;font-weight:600;color:#24746c;padding:5px 11px;border-radius:999px;background:#14b8a617;border:1px solid rgba(20,184,166,.14)}.card.game .platform-link:hover{border-color:#14b8a659;color:#0f8a7d;background:#14b8a614}.why{background:var(--white);border-top:1px solid var(--line)}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.why-item{text-align:left;padding:8px}.why-item .n{font-size:14px;font-weight:800;color:var(--blue-500);letter-spacing:.08em}.why-item h4{margin-top:12px;font-size:18px;font-weight:700}.why-item p{margin-top:8px;font-size:14.5px;color:var(--ink-soft)}.why-item .line{height:3px;width:40px;border-radius:3px;background:var(--grad-brand);margin-top:14px}.cta{padding:0 0 110px}.cta-box{background:var(--grad-brand);border-radius:32px;padding:64px 56px;color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow-lg);display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px}.cta-box:after{content:"";position:absolute;right:-80px;top:-80px;width:320px;height:320px;background:radial-gradient(circle,rgba(255,255,255,.25),transparent 70%);border-radius:50%;pointer-events:none;z-index:0}.cta-box>*{position:relative;z-index:1}.cta-box h2{font-size:clamp(26px,3.2vw,38px);font-weight:800;letter-spacing:-.02em;line-height:1.2;position:relative}.cta-box p{margin-top:12px;font-size:17px;color:#ffffffe6;position:relative;max-width:34em}.cta-actions{display:flex;gap:12px;position:relative}.cta-actions .btn{position:relative;z-index:2}body.modal-open{overflow:hidden}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:none;place-items:center;padding:22px;background:#10182694;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modal-backdrop.open{display:grid}.inquiry-modal{width:min(560px,100%);max-height:min(88vh,760px);overflow:auto;background:#fff;border-radius:24px;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.9);padding:30px}.modal-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.modal-head h3{font-size:26px;font-weight:800;letter-spacing:-.02em}.modal-head p{margin-top:8px;color:var(--ink-soft);font-size:14.5px}.modal-close{flex:0 0 auto;width:42px;height:42px;border:0;border-radius:14px;background:var(--bg-soft);color:var(--ink);cursor:pointer;font-size:24px;line-height:1}.inquiry-form{display:grid;gap:14px}.field{display:grid;gap:7px}.field label{font-size:13px;font-weight:700;color:var(--ink-soft)}.field input,.field textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px 14px;font:inherit;color:var(--ink);background:#fbfdff;outline:none;transition:border-color .2s,box-shadow .2s}.field textarea{min-height:132px;resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--blue-500);box-shadow:0 0 0 4px #1e8fd51f}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.modal-actions .btn{border:0}.modal-note{font-size:12.5px;color:var(--muted);margin-top:10px}footer{background:var(--ink);color:#aab4c6;padding:64px 0 30px}.foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.08)}.foot-brand img{height:38px;width:auto;max-width:190px;object-fit:contain;margin-bottom:16px}.foot-brand p{font-size:14px;max-width:36em;color:#8b97ab;white-space:pre-line}.foot-col h5{color:#fff;font-size:14px;font-weight:700;margin-bottom:14px;letter-spacing:.02em}.foot-col a{display:block;font-size:14px;padding:5px 0;color:#95a1b5;transition:color .2s}.foot-col a:hover{color:var(--blue-400)}.foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;font-size:13px;color:#76819a;flex-wrap:wrap}.foot-bottom .social{display:flex;gap:10px}.foot-bottom .social a{width:36px;height:36px;border-radius:10px;background:#ffffff0f;display:grid;place-items:center;transition:.2s}.foot-bottom .social a svg{width:20px;height:20px;display:block;fill:currentColor}.foot-bottom .social a:hover{background:var(--blue-600);color:#fff;transform:translateY(-2px)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:40px}.hero-visual{height:380px;max-width:460px}.cards,.tools .cards,.process .cards,.games .cards,.why-grid{grid-template-columns:1fr 1fr}.card.feature{grid-column:span 2}.foot-top{grid-template-columns:1fr 1fr}.cta-box{grid-template-columns:1fr}}@media(max-width:640px){.nav-links{display:none}.menu-toggle{display:block}.nav-cta .btn-ghost{display:none}.cards,.tools .cards,.process .cards,.games .cards,.why-grid{grid-template-columns:1fr}.card.feature{grid-column:span 1;grid-template-columns:1fr}.hero{padding-top:130px}.hero-stats{gap:24px;flex-wrap:wrap}.sec{padding:70px 0}.cta-box{padding:40px 26px}.foot-top{grid-template-columns:1fr}.nav-links.open{display:flex;flex-direction:column;align-items:flex-start;gap:4px;position:absolute;top:calc(100% + 8px);right:4vw;left:4vw;background:#fffffff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:16px;border-radius:18px;box-shadow:var(--shadow-md);border:1px solid var(--line)}.nav-links.open a{width:100%;padding:10px 6px}.nav-links.open .nav-category{width:100%}.nav-links.open .nav-category-trigger{width:100%;justify-content:space-between;padding:10px 6px}.nav-links.open .nav-submenu{position:static;width:100%;min-width:0;margin:2px 0 6px;padding:6px 10px;box-shadow:none;border-radius:12px;background:#1e8fd50f;opacity:1;visibility:visible;transform:none;display:none}.nav-links.open .nav-category.open .nav-submenu{display:grid}.nav-links.open .nav-submenu a{padding:9px 10px}}