:root{color-scheme:dark;--bg: #06101c;--panel: rgba(10, 27, 47, .78);--line: rgba(141, 190, 255, .16);--text: #f4f8ff;--muted: #8ea4bd;--cyan: #32d6ff;--blue: #4c7cff;--violet: #7b5cff;--teal: #28e0bd;--green: #28dd88;--radius-xl: 28px;--radius-lg: 20px;--shadow: 0 24px 80px rgba(0, 0, 0, .35);font-family:Inter,Pretendard,Noto Sans KR,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 76% 0%,rgba(56,121,255,.18),transparent 32rem),radial-gradient(circle at 12% 32%,rgba(44,213,255,.08),transparent 26rem),linear-gradient(180deg,#06101c,#071421 45%,#050d17);color:var(--text);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 78%)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}em{font-style:normal;color:var(--cyan)}[hidden]{display:none!important}.ambient{position:fixed;width:24rem;height:24rem;border-radius:999px;filter:blur(120px);opacity:.08;pointer-events:none}.ambient-a{top:20%;left:-10rem;background:var(--cyan)}.ambient-b{right:-8rem;bottom:8%;background:var(--violet)}.page-shell{position:relative;width:min(1480px,calc(100% - 32px));margin:0 auto}.site-header{position:sticky;top:0;z-index:50;min-height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:10px 8px;background:#050e19bd;border-bottom:1px solid var(--line);backdrop-filter:blur(22px)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:850;letter-spacing:-.02em;font-size:20px}.brand-mark{position:relative;width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#32d6ff,#5163ff 58%,#8f5cff);box-shadow:0 0 28px #469aff59;transform:rotate(30deg)}.brand-mark:after,.brand-mark span{content:"";position:absolute;inset:6px;border:1px solid rgba(255,255,255,.7);border-radius:6px}.nav-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#081829b8}.nav-toggle-icon,.nav-toggle-icon:before,.nav-toggle-icon:after{display:block;width:16px;height:2px;border-radius:999px;background:#fff;content:""}.nav-toggle-icon{position:relative}.nav-toggle-icon:before,.nav-toggle-icon:after{position:absolute;left:0}.nav-toggle-icon:before{top:-6px}.nav-toggle-icon:after{top:6px}.nav-links{display:flex;align-items:center;gap:6px}.nav-link{padding:10px 15px;border-radius:12px;color:var(--muted);transition:.2s ease}.nav-link:hover,.nav-link.active{color:#fff;background:#ffffff0d}.nav-link.active{box-shadow:inset 0 -2px 0 var(--blue)}.header-cta{justify-self:end;padding:10px 16px;border-radius:12px;background:linear-gradient(135deg,#24cfff,#6256ff);font-weight:750;box-shadow:0 10px 32px #4076ff42}main{min-height:70vh}.section-block{margin:46px 0 70px}.hero-section{position:relative;display:grid;grid-template-columns:1.08fr .92fr;min-height:620px;align-items:center;gap:36px;padding:72px 22px 54px}.hero-copy{position:relative;z-index:2;max-width:760px}.eyebrow{display:inline-block;color:#74dfff;font-size:12px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.hero-copy h1,.page-hero h1,.detail-hero h1{margin:16px 0;font-size:clamp(42px,5.8vw,76px);line-height:1.06;letter-spacing:-.05em}.hero-copy p,.page-hero p,.detail-hero p{color:var(--muted);font-size:18px;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border-radius:14px;border:1px solid var(--line);font-weight:800;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-2px);border-color:#5cc2ff80}.button-primary{background:linear-gradient(135deg,#5856ff,#22d5ff);border-color:transparent;box-shadow:0 12px 34px #376fff47}.button-ghost{background:#05121f8f}.hero-search,.search-bar{display:flex;align-items:center;gap:14px;min-height:56px;padding:0 18px;border:1px solid rgba(111,182,255,.28);border-radius:14px;background:#081829b8}.hero-search{max-width:690px;color:var(--muted)}.hero-search a{flex:1}.chip-row,.tag-row{display:flex;flex-wrap:wrap;gap:8px}.chip-row{margin-top:16px}.chip,.tag{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border:1px solid var(--line);border-radius:999px;background:#0d233a9e;color:#b8cae0;font-size:12px;font-weight:700}.tag-free{color:#79f2b5;border-color:#3cdd8b47;background:#157a492e}.tag-accent{color:#a6eaff}.hero-showcase{position:relative;min-height:520px;perspective:900px;isolation:isolate}.hero-showcase:before{content:"";position:absolute;inset:12% 4% 4%;background:radial-gradient(circle at center,rgba(54,135,255,.18),transparent 55%);filter:blur(10px)}.ai-cube{position:absolute;inset:25% auto auto 48%;width:180px;height:180px;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(-18deg) rotateY(34deg);animation:cubeFloat 7s ease-in-out infinite}.cube-face{position:absolute;display:grid;place-items:center;width:180px;height:180px;border:1px solid rgba(144,207,255,.52);background:linear-gradient(145deg,#3eabffad,#4d43ff7a),#0a2042d1;backdrop-filter:blur(14px);box-shadow:inset 0 0 54px #8274ff52,0 22px 60px #1b52ff3d;font-weight:900;font-size:52px;letter-spacing:-.05em}.cube-front{transform:translateZ(90px)}.cube-side{transform:rotateY(90deg) translateZ(90px);font-size:24px}.cube-top{transform:rotateX(90deg) translateZ(90px);font-size:22px}.orbit{position:absolute;inset:14% 2% 12%;border:1px solid rgba(85,162,255,.16);border-radius:50%;transform:rotate(-12deg)}.orbit-two{inset:24% 10% 2%;transform:rotate(16deg)}.float-card{position:absolute;display:flex;align-items:center;gap:10px;min-width:142px;padding:15px 18px;border-radius:18px;border:1px solid rgba(120,192,255,.28);background:linear-gradient(145deg,#132a4beb,#161942c7);box-shadow:var(--shadow);color:#d7e9ff;font-weight:800;backdrop-filter:blur(18px);animation:drift 6s ease-in-out infinite}.float-card span{color:var(--cyan)}.float-a{top:10%;left:12%;transform:rotate(-8deg)}.float-b{top:12%;right:8%;transform:rotate(7deg);animation-delay:-1.4s}.float-c{bottom:24%;left:2%;transform:rotate(5deg);animation-delay:-3s}.float-d{right:4%;bottom:20%;transform:rotate(-7deg);animation-delay:-4.2s}.showcase-caption{position:absolute;right:6%;bottom:4%;display:flex;flex-direction:column;gap:4px;color:#77dfff;transform:rotate(-5deg)}.showcase-caption span{color:#697dff}.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.portal-card,.collection-card{position:relative;display:flex;align-items:center;gap:18px;padding:22px;border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(145deg,#0c233ad6,#091527c7);overflow:hidden;transition:.25s ease}.portal-card:hover,.collection-card:hover,.catalog-card:hover{transform:translateY(-4px);border-color:#5cb6ff6b}.portal-card h2,.collection-card h3{margin:0 0 6px}.portal-card p,.collection-card p{margin:0;color:var(--muted);line-height:1.5}.portal-card>:last-child,.collection-card>:last-child{margin-left:auto}.portal-icon,.collection-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#33d8ff38,#5b4eff38);border:1px solid rgba(80,191,255,.26);font-size:23px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading h2{margin:5px 0;font-size:30px;letter-spacing:-.03em}.section-heading p{margin:0;color:var(--muted)}.section-heading>a,.section-heading>span{color:#71dfff;font-size:13px}.empty-results{margin:0 0 16px;padding:28px 18px;border:1px dashed var(--line);border-radius:var(--radius-lg);color:var(--muted);text-align:center;line-height:1.6}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.catalog-card{position:relative;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:#071422db;transition:.25s ease}.card-visual{position:relative;min-height:152px;display:grid;place-items:center;background:radial-gradient(circle at 65% 30%,rgba(55,141,255,.28),transparent 40%),linear-gradient(135deg,#0a1729,#111b35 60%,#09111f);border-bottom:1px solid var(--line)}.visual-symbol{font-size:42px;font-weight:900;color:#7cddff;text-shadow:0 0 28px rgba(72,202,255,.42)}.visual-label{position:absolute;right:12px;bottom:10px;color:#8aa5c0;font-size:11px;letter-spacing:.08em}.card-body{padding:17px}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-title-row h3{margin:0;font-size:20px}.arrow-dot{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:#5282ff21;color:#9bdfff}.card-body>p{min-height:50px;color:var(--muted);line-height:1.5;font-size:13px}.use-case{margin:16px 0;padding-top:14px;border-top:1px solid var(--line)}.use-case span{display:block;color:#6fe1ff;font-size:11px;margin-bottom:6px}.use-case strong{display:block;font-size:13px;line-height:1.45}.card-link,.text-link{display:flex;align-items:center;justify-content:space-between;color:#d9eeff;font-size:13px;font-weight:800}.text-link{justify-content:flex-start;color:#72dcff;margin-top:12px}.split-section{display:grid;grid-template-columns:1.5fr .8fr;gap:28px}.skill-list{display:grid;gap:12px}.skill-list.large{max-width:1080px}.skill-row{display:grid;grid-template-columns:200px 1fr;gap:18px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#081728bd}.skill-thumb{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:14px;border-radius:14px;background:radial-gradient(circle at 50% 30%,rgba(78,136,255,.28),transparent 45%),linear-gradient(145deg,#0a192c,#10172e);text-align:center;color:#a8c1dc;font-size:12px}.play-orb{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(120,210,255,.42);border-radius:999px;background:linear-gradient(135deg,#3bcfff42,#5b4aff57);box-shadow:0 0 30px #438dff38}.skill-copy h3{margin:10px 0 6px;font-size:20px}.skill-copy p{margin:0;color:var(--muted)}.mini-flow{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:14px;font-size:11px;color:#bcd1e6}.mini-flow span{padding:6px 9px;border-radius:8px;background:#ffffff09}.mini-flow b{color:#57dfff}.collection-list{display:grid;gap:12px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-card{min-height:120px}.collection-card small{color:#7189a5}.page-hero{position:relative;padding:90px 16px 38px;border-bottom:1px solid var(--line)}.page-hero.compact{padding-top:74px}.page-hero h1{max-width:920px;font-size:clamp(46px,6vw,74px)}.page-hero p{max-width:780px}.search-bar{max-width:760px;margin-top:26px}.search-bar input{width:100%;border:0;outline:0;background:transparent;color:#fff}.search-bar input::placeholder{color:#7089a4}.filter-row{margin-top:16px}.filter-chip{cursor:pointer}.filter-chip.active{border-color:#539affa6;background:linear-gradient(135deg,#456cffb3,#32d1ff61);color:#fff}.detail-hero{position:relative;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:50px;min-height:470px;padding:70px 18px 54px;border-bottom:1px solid var(--line);overflow:hidden}.detail-hero:before{content:"";position:absolute;right:-10%;top:-35%;width:70%;height:130%;background:radial-gradient(circle,rgba(64,117,255,.18),transparent 62%)}.detail-hero>*{position:relative;z-index:1}.detail-hero h1{margin-bottom:8px}.detail-hero h2{margin:0 0 14px;font-size:25px;color:#bcd6f5}.detail-hero p{max-width:720px;font-size:16px}.detail-art{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-radius:var(--radius-xl);border:1px solid rgba(107,180,255,.26);background:radial-gradient(circle at 50% 35%,rgba(47,187,255,.24),transparent 35%),linear-gradient(145deg,#102440eb,#101230eb);box-shadow:var(--shadow);transform:perspective(700px) rotateY(-7deg) rotateX(3deg)}.detail-art-icon{font-size:64px;color:#6fdcff;text-shadow:0 0 36px rgba(72,174,255,.46)}.detail-art strong{font-size:24px}.detail-art small{letter-spacing:.16em;color:#7794b1}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-lower{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:16px}.glass-panel{border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px;background:linear-gradient(145deg,#0a1d32d6,#061220d6);box-shadow:inset 0 1px #ffffff05}.glass-panel h2{margin:7px 0 14px}.check-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.check-list li{position:relative;padding-left:30px;color:#bed0e3;line-height:1.55}.check-list li:before{content:"✓";position:absolute;left:0;top:0;display:grid;place-items:center;width:21px;height:21px;border-radius:999px;background:#4a6dff3d;color:#70e3ff;font-size:11px}.step-flow,.workflow-track{display:flex;align-items:stretch;gap:10px}.step-flow>div,.workflow-step{flex:1;min-width:0;display:grid;gap:8px;place-items:center;text-align:center;padding:16px 10px;border:1px solid var(--line);border-radius:14px;background:#ffffff06}.step-flow span,.workflow-step>span{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#3bc3ff38,#5849ff4d);color:#8ce7ff;font-weight:900}.code-block{overflow-x:auto;padding:16px;border-radius:14px;border:1px solid var(--line);background:#030a12;color:#b8e7ff}.code-block code{display:block;white-space:pre-wrap;overflow-wrap:anywhere}.media-preview img,.media-preview video{width:100%;height:auto;display:block;border-radius:14px}.detail-hero h1,.detail-hero h2,.card-title-row h3,.use-case strong,.workflow-step strong,.step-flow strong{overflow-wrap:anywhere}.muted{color:var(--muted);font-size:12px;line-height:1.6}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.feature-grid.wide{grid-template-columns:repeat(3,1fr)}.feature-grid>div{min-height:90px;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#ffffff06}.feature-grid span{color:#6cdfff}.media-preview{min-height:240px}.media-preview video{width:100%;border-radius:14px;background:#000}.media-placeholder{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px;text-align:center;border-radius:18px;border:1px solid rgba(99,179,255,.24);background:radial-gradient(circle at 50% 40%,rgba(86,95,255,.28),transparent 36%),linear-gradient(145deg,#081628,#0e1730)}.play-large{width:74px;height:74px;font-size:22px}.media-placeholder p,.media-placeholder small{color:var(--muted);max-width:520px}.media-label{color:#6ee0ff;font-size:11px;letter-spacing:.16em}.workflow-track{overflow-x:auto;padding-bottom:6px}.workflow-step{min-width:180px;position:relative}.workflow-step b{position:absolute;right:-10px;color:#5ddcff}.submission-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.flow-node{min-height:160px;padding:20px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#081829bd}.flow-node span{display:grid;place-items:center;width:38px;height:38px;margin-bottom:18px;border-radius:999px;background:linear-gradient(135deg,#4e65ff,#28d3ff);font-weight:900}.flow-node strong{font-size:20px}.flow-node p{color:var(--muted);line-height:1.5}.submit-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.submit-card{min-height:290px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.submit-card p{color:var(--muted);line-height:1.7;flex:1}.site-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:110px;padding:24px 8px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.brand-small{font-size:15px;color:#fff}.brand-small .brand-mark{width:26px;height:26px;border-radius:8px}.site-footer p{text-align:center}.footer-links{justify-self:end;display:flex;gap:16px}[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .62s ease,transform .62s ease}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@keyframes cubeFloat{0%,to{transform:translate(-50%,-50%) rotateX(-18deg) rotateY(34deg) translateY(0)}50%{transform:translate(-50%,-50%) rotateX(-14deg) rotateY(42deg) translateY(-14px)}}@keyframes drift{0%,to{translate:0 0}50%{translate:0 -12px}}@media(max-width:1100px){.tool-grid{grid-template-columns:repeat(2,1fr)}.hero-section{grid-template-columns:1fr;padding-top:54px}.hero-showcase{min-height:430px}.split-section{grid-template-columns:1fr}.detail-lower{grid-template-columns:1fr 1fr}.media-panel{grid-column:1 / -1}}@media(max-width:780px){.page-shell{width:min(100% - 20px,1480px)}.site-header{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;min-height:62px}.brand{grid-column:1;grid-row:1;min-width:0;font-size:16px}.nav-toggle{display:inline-flex;grid-column:2;grid-row:1;justify-self:end}.header-cta{grid-column:3;grid-row:1;white-space:nowrap;padding-inline:12px}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;z-index:60;flex-direction:column;align-items:stretch;gap:4px;padding:8px 12px 14px;background:#050e19f5;border-bottom:1px solid var(--line)}.site-header.is-nav-open .nav-links{display:flex}.nav-link,.header-cta,.card-link,.text-link{min-height:44px}.header-cta{font-size:14px}.section-heading{flex-wrap:wrap;align-items:flex-start}.hero-section{min-height:auto;padding:48px 8px 20px}.hero-copy h1,.page-hero h1,.detail-hero h1{font-size:42px}.hero-showcase{min-height:340px;overflow:hidden}.portal-grid,.collection-grid,.submit-grid,.detail-grid,.submission-flow,.tool-grid,.skill-row{grid-template-columns:1fr}.detail-hero{grid-template-columns:1fr;padding:52px 8px 34px}.detail-art{min-height:220px;transform:none}.detail-lower{grid-template-columns:1fr}.media-panel{grid-column:auto}.feature-grid.wide{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr;text-align:center}.site-footer p,.footer-links,.brand-small{justify-self:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}[data-reveal]{opacity:1;transform:none}}