:root{--bg:#fafafa;--text:#171614;--muted:#75716b;--surface:#fff;--surface-2:#f4f3f1;--border:#17161414;--border-strong:#17161424;--accent:#e8500f;--accent-2:#f59e0b;--glow:#e8500f1a;--card-shadow:0 1px 2px #1716140a;--card-shadow-hover:0 16px 40px -16px #e8500f40, 0 2px 8px #1716140d;--dock-bg:#ffffffb8;--grid-dot:#17161424}[data-theme=dark]{--bg:#0a0a0b;--text:#f4f3f1;--muted:#97938c;--surface:#ffffff08;--surface-2:#ffffff0f;--border:#ffffff14;--border-strong:#ffffff24;--accent:#ff6a2b;--accent-2:#ffb86b;--glow:#ff6a2b21;--card-shadow:none;--card-shadow-hover:0 16px 48px -16px #ff6a2b47;--dock-bg:#101012a8;--grid-dot:#ffffff1a}*{box-sizing:border-box}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word;margin:0;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}::selection{background:var(--accent);color:#fff}.container{max-width:1080px;margin:0 auto;padding:0 28px}.bg-glow{background:radial-gradient(ellipse at center, var(--glow) 0%, transparent 65%);pointer-events:none;z-index:-1;width:920px;height:560px;transition:background .3s;position:fixed;top:-240px;left:50%;transform:translate(-50%)}.bg-grid{z-index:-2;background-image:radial-gradient(var(--grid-dot) 1px, transparent 1px);pointer-events:none;background-size:28px 28px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 62%);mask-image:linear-gradient(#000 0%,#0000 62%)}.dock-wrap{z-index:50;justify-content:center;padding:0 20px;display:flex;position:fixed;top:18px;left:0;right:0}.dock{background:var(--dock-bg);-webkit-backdrop-filter:blur(16px)saturate(1.4);border:1px solid var(--border);border-radius:999px;align-items:center;gap:26px;padding:9px 10px 9px 20px;transition:background .3s,border-color .3s;display:flex;box-shadow:0 8px 32px -12px #00000040}.logo{color:var(--text);align-items:center;display:flex}.logo svg{width:auto;height:17px;display:block}.nav{gap:20px;font-size:.875rem;font-weight:500;display:flex}.nav a{color:var(--muted);transition:color .2s}.nav a:hover{color:var(--text)}.theme-toggle{background:var(--surface-2);border:1px solid var(--border);width:32px;height:32px;color:var(--muted);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:color .2s,border-color .2s;display:flex}.theme-toggle:hover{color:var(--accent);border-color:var(--border-strong)}.theme-toggle svg{display:block}.icon-moon{display:none}.icon-sun,[data-theme=dark] .icon-moon{display:flex}[data-theme=dark] .icon-sun{display:none}.hero{text-align:center;padding:176px 0 112px}.hero-title{letter-spacing:-.035em;margin:0;font-size:clamp(2.5rem,6.4vw,4.4rem);font-weight:800;line-height:1.14}.hero-line{display:inline-block}.grad{background:linear-gradient(94deg, var(--accent) 8%, var(--accent-2) 92%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-meta{color:var(--muted);letter-spacing:.02em;margin:36px 0 0;font-size:.92rem;font-weight:500}.products{padding:24px 0 140px}.section-head{align-items:baseline;gap:12px;margin-bottom:32px;display:flex}.section-head h2{letter-spacing:-.02em;margin:0;font-size:1.7rem;font-weight:800}.grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--card-shadow);border-radius:20px;flex-direction:column;gap:22px;padding:28px;transition:transform .3s,border-color .3s,box-shadow .3s,background .3s;display:flex}a.card:hover{box-shadow:var(--card-shadow-hover);border-color:#e8500f59;transform:translateY(-3px)}[data-theme=dark] a.card:hover{background:var(--surface-2);border-color:#ff6a2b59}.card.is-static{cursor:default}.card-head{align-items:center;gap:14px;display:flex}.card-head h3{letter-spacing:-.02em;min-width:0;margin:0;font-size:1.25rem;font-weight:750}.card-head .chip{margin-left:auto}.tile{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .3s;display:flex}a.card:hover .tile{transform:scale(1.06)}.tile img{object-fit:contain;border-radius:7px;width:28px;height:28px}.tile img[src="/products/dalse.png"]{background:#fff}.card-desc{color:var(--muted);flex:1;margin:0;font-size:.94rem;line-height:1.65}.chip{color:var(--muted);background:var(--surface-2);border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.74rem;font-weight:500}.card-foot{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;padding-top:18px;font-size:.85rem;font-weight:500;display:flex}a.card:hover .card-foot .domain{color:var(--accent)}.card-foot .domain{transition:color .25s}.card-foot .status{opacity:.65}.arrow{font-size:.95rem;line-height:1;transition:transform .25s,color .25s}a.card:hover .arrow{color:var(--accent);transform:translate(3px,-3px)}.footer{border-top:1px solid var(--border);padding:26px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 28px;display:flex}.footer-left{align-items:center;gap:18px;display:flex}.footer-logo{color:var(--text)}.footer-logo svg{width:auto;height:16px;display:block}.copyright{color:var(--muted);font-size:.82rem}.footer-links{align-items:center;gap:22px;display:flex}.footer-links a{color:var(--muted);font-size:.88rem;transition:color .2s}.footer-links a:hover{color:var(--accent)}.blur-fade{opacity:0;filter:blur(8px);transition:opacity .7s,filter .7s,transform .7s;transition-delay:var(--delay,0s);transform:translateY(10px)}.blur-fade.visible{opacity:1;filter:blur();transform:translateY(0)}@media (width<=860px){.container{padding:0 20px}.hero{padding:148px 0 88px}.products{padding:8px 0 96px}.grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:flex-start;gap:14px}.footer-left{flex-direction:column;align-items:flex-start;gap:10px}}@media (width<=480px){.dock{gap:16px;padding-left:16px}.nav{gap:14px;font-size:.82rem}.hero-title{font-size:2.2rem}}@media (prefers-reduced-motion:reduce){.blur-fade{opacity:1;filter:none;transition:none;transform:none}.card,.tile,.arrow{transition:none}}
