:root{color-scheme:light dark;--bg: #f8f9fb;--surface: #ffffff;--surface-muted: #eef1f5;--text: #1f2530;--text-muted: #4c5566;--accent: #2e6af7;--accent-soft: rgba(46, 106, 247, .15);--border: rgba(31, 37, 48, .12);--shadow: 0 10px 30px rgba(22, 28, 45, .12);--star-node: rgba(46, 106, 247, .45);--star-link: rgba(46, 106, 247, .3)}body[data-theme=dark]{--bg: #0d1117;--surface: #151b24;--surface-muted: #1f2632;--text: #e6edf3;--text-muted: #9ba7b4;--accent: #6ea8fe;--accent-soft: rgba(110, 168, 254, .2);--border: rgba(230, 237, 243, .12);--shadow: 0 10px 30px rgba(0, 0, 0, .45);--star-node: rgba(110, 168, 254, .65);--star-link: rgba(110, 168, 254, .35)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Pretendard,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;scroll-behavior:smooth;position:relative;overflow-x:hidden}:where(body>*:not(.bg-canvas)){position:relative;z-index:1}.bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.5}body[data-theme=dark] .bg-canvas{opacity:.35}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}section{padding:96px 5vw}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:24px 5vw;background:#f8f9fbe6;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}body[data-theme=dark] .site-header{background:#0d1117d9}.logo{font-size:1.1rem;font-weight:700;letter-spacing:.04em}.site-nav{display:flex;gap:24px;font-size:.95rem}.site-nav a{position:relative;padding-bottom:4px}.site-nav a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.site-nav a:hover:after,.site-nav a:focus-visible:after{transform:scaleX(1)}.nav-toggle{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer}.nav-toggle span{width:22px;height:2px;background:var(--text);display:block}.theme-toggle{border:1px solid var(--border);border-radius:999px;width:48px;height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;background:var(--surface);cursor:pointer;margin-left:24px}.theme-toggle span{font-size:.95rem;color:var(--text-muted);transition:color .2s ease,opacity .2s ease}.theme-toggle .sun{opacity:1;color:var(--accent)}body[data-theme=dark] .theme-toggle .sun{opacity:.4;color:var(--text-muted)}.theme-toggle .moon{opacity:.45}body[data-theme=dark] .theme-toggle .moon{opacity:1;color:var(--accent)}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;gap:48px;padding-top:120px;padding-bottom:120px}.hero-content h1{font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;margin-bottom:16px}.hero .lead{font-size:1.15rem;color:var(--text-muted);max-width:520px}.hero-visual{position:relative;min-height:320px;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#2e6af726,#0000)}.orb{position:absolute;width:160px;height:160px;border-radius:50%;filter:blur(0px)}.orb-one{background:#2e6af759;top:10%;left:15%}.orb-two{background:#5bccff40;bottom:10%;right:10%}.grid-pattern{position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:16px;border:1px solid var(--border);background:repeating-linear-gradient(0deg,rgba(255,255,255,.12),rgba(255,255,255,.12) 1px,transparent 1px,transparent 20px),repeating-linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.12) 1px,transparent 1px,transparent 20px)}.section{max-width:1080px;margin:0 auto}.section-header{margin-bottom:32px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;color:var(--text-muted);margin-bottom:12px}.section-description{font-size:1.05rem;color:var(--text-muted)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.service-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:28px;box-shadow:var(--shadow);transition:transform .3s ease,box-shadow .3s ease}.service-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #12182626}.service-card.clickable{cursor:pointer}.service-icon{width:64px;height:64px;border-radius:14px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.service-icon svg{width:40px;height:40px;fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.service-card h3{margin-bottom:8px}.service-card p{color:var(--text-muted)}.values-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.value-item{padding:24px;border-radius:16px;background:var(--surface-muted);border:1px solid var(--border)}.value-item span{font-weight:600;font-size:1.2rem}.value-item p{margin-top:8px;color:var(--text-muted)}.contact-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;align-items:start}.contact-details{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:28px}.contact-details p{margin:0 0 12px}.contact-form{display:flex;flex-direction:column;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:28px}.contact-form label{display:flex;flex-direction:column;gap:8px;font-weight:500}.contact-form input,.contact-form textarea{border:1px solid var(--border);border-radius:12px;padding:12px;font:inherit;background:var(--surface-muted);color:var(--text)}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--accent);background:var(--surface)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:999px;border:none;cursor:pointer;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.btn.primary{background:var(--accent);color:#fff;box-shadow:0 12px 24px #2e6af74d}.btn.primary:hover{transform:translateY(-2px)}.btn.ghost{border:1px solid var(--border);background:transparent;color:var(--text)}.site-footer{text-align:center;padding:40px 5vw;border-top:1px solid var(--border);color:var(--text-muted)}.fade-in{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@media (max-width: 780px){.site-nav{position:fixed;top:0;right:0;bottom:0;left:0;padding:120px 5vw 5vw;flex-direction:column;background:var(--bg);transform:translate(100%);transition:transform .3s ease;font-size:1.3rem}.site-nav.open{transform:translate(0)}.nav-toggle{display:flex}.theme-toggle{margin-left:12px}body{font-size:.98rem}}@media (max-width: 540px){section{padding:72px 5vw}.site-header{padding:18px 5vw}.hero{padding-top:90px;padding-bottom:90px}}
