:root{--brand1:#1e40af;--brand2:#06b6d4;--bg:#ffffff;--text:#111827;--lines-contrast: 270%;--lines-brightness: 280%;--lines-opacity: 1;--lines-blend: screen;--lines-pos-x: 40%;--lines-pos-y: 25%;--lines-scale: 1.4}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,Helvetica,Arial;color:var(--text);background:var(--bg)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(1120px,92vw);margin:0 auto}.navbar{position:sticky;top:0;z-index:50;background:#ffffffbf;-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid #e5e7eb}.navbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}.nav-link{padding:8px 12px;border-radius:999px;color:#374151}.nav-link:hover,.nav-link.active{background:#eef2ff;color:#111827}.hero{padding:72px 0 36px}.h1{font-size:clamp(28px,4vw,48px);font-weight:500;letter-spacing:-.02em;margin:10px 0 12px;line-height:1.15;font-family:Inter,Pretendard,sans-serif}.sub{color:#4b5563;line-height:1.6}.badge{display:inline-flex;gap:8px;align-items:center;padding:6px 10px;border:1px solid #e5e7eb;border-radius:999px;color:#6b7280;background:#fff}.btn{padding:12px 16px;border-radius:999px;border:none;color:#fff;font-weight:700;background:linear-gradient(90deg,var(--brand1),var(--brand2))}.btn.ghost{background:#fff;color:#111827;border:1px solid #e5e7eb}.section{padding:40px 0}.section h2{margin:0 0 8px}.section .sub+.grid-focal{margin-top:16px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;box-shadow:0 8px 20px #0000000a}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width:860px){.grid-3{grid-template-columns:1fr}}.footer{padding:28px 0 40px;color:#6b7280;border-top:1px solid #e5e7eb;background:#fafafa}.footer a{color:#111827}.hero-wrap{position:relative;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.hero-bg{position:absolute;inset:0;background-position:center;background-size:cover;transform:translateZ(0)}.hero-grad{position:absolute;inset:0;background:linear-gradient(180deg,#1118278c,#11182733,#fff0)}.hero-overlay{position:absolute;inset:0;pointer-events:none}.hero .hero-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;width:100%;height:100%;object-fit:cover;object-position:var(--lines-pos-x) var(--lines-pos-y);transform-origin:var(--lines-pos-x) var(--lines-pos-y);transform:scale(var(--lines-scale));will-change:transform;opacity:.16;filter:saturate(.85) contrast(.9)}.hero-content{position:relative;padding:48px 20px;text-align:center}.btn-lg{padding:14px 20px;border-radius:999px;font-weight:800}.btn-outline{background:#fff;color:#111827;border:1px solid #e5e7eb}.browser-frame{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 12px 32px #11182714;overflow:hidden}.browser-chrome{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f3f4f6;border-bottom:1px solid #e5e7eb}.dot{width:10px;height:10px;border-radius:50%}.dot.red{background:#ef4444}.dot.yellow{background:#f59e0b}.dot.green{background:#10b981}.icon-circle{width:40px;height:40px;border-radius:999px;display:inline-grid;place-items:center;border:1px solid #e5e7eb;background:#fff}.kv{display:grid;grid-template-columns:140px 1fr;gap:6px 12px;color:#374151;font-size:14px}.kv .k{color:#6b7280}.tile{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 12px 24px #1118270f}.tile-pad{padding:18px}.arch-legend{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:12px;color:#374151}.badge-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #e5e7eb;border-radius:999px;background:#fff}.dot-sm{width:10px;height:10px;border-radius:50%;display:inline-block}.note{background:#f9fafb;border:1px dashed #e5e7eb;border-radius:12px;padding:12px;color:#374151;font-size:14px}@media (max-width: 860px){.stack-md{display:grid;gap:16px}}@media (min-width: 861px){.stack-md{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:center}}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px}.stat{text-align:center}.stat .v{font-size:22px;font-weight:900}.stat .k{color:#6b7280;font-size:12px}.values{display:grid;gap:10px}.value-item{display:flex;gap:10px;align-items:flex-start}.value-bullet{width:10px;height:10px;border-radius:50%;background:var(--brand2);margin-top:8px}@media (max-width:860px){.stat-strip{grid-template-columns:1fr}}.contact-hero{position:relative;border-radius:16px;overflow:hidden;border:1px solid #e5e7eb}.bg-cover{position:absolute;inset:0;background-position:center;background-size:cover}.bg-grad{position:absolute;inset:0;background:linear-gradient(180deg,#02061773,#ffffff14,#fff0)}.glass{-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);background:#ffffffb8;border:1px solid rgba(226,232,240,.8);border-radius:16px;box-shadow:0 16px 36px #0208171f}.input{width:100%;background:#fff;color:#111827;border:1px solid #e5e7eb;padding:12px 14px;border-radius:12px;outline:none}.input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #93c5fd59}.section{content-visibility:auto;contain-intrinsic-size:600px}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{position:fixed;left:16px;top:16px;width:auto;height:auto;padding:10px 12px;background:#111827;color:#fff;border-radius:8px;z-index:1001}:focus-visible{outline:2px solid #1e40af;outline-offset:2px}.hero-wrap{position:relative;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;min-height:420px}.hero-bg{position:absolute;inset:0;background-position:center;background-size:cover;transform:translateZ(0);z-index:0}.hero-grad{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#0206178c,#02061759 40%,#0206171a)}.hero-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.16;filter:saturate(.85) contrast(.9)}.hero-content{position:relative;z-index:3;padding:48px 20px;text-align:center}.hero-wrap{min-height:320px}.hero-content-inner{max-width:820px;margin:0 auto}.strip-3{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.strip-3>div{padding:14px 16px}.strip-3>div+div{border-left:1px solid #e5e7eb}@media (max-width:860px){.strip-3{grid-template-columns:1fr}.strip-3>div+div{border-left:none;border-top:1px solid #e5e7eb}}.icon-sm{width:28px;height:28px;border-radius:999px;display:inline-grid;place-items:center;background:#fff;border:1px solid #e5e7eb;margin-right:8px}.reveal{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}.reveal.is-in{opacity:1;transform:translateY(0)}.card-media{position:relative;overflow:hidden;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 12px 36px #02081714;background:#fff}.card-media img,.card-media video{display:block;width:100%;height:auto;transform:scale(1.02);transition:transform .6s ease,filter .6s ease}.card-media:hover img,.card-media:hover video{transform:scale(1.06);filter:saturate(1.02) contrast(1.03)}.badge-abs{position:absolute;top:12px;left:12px;z-index:2;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:6px 10px;font-size:12px;color:#111827;box-shadow:0 6px 18px #0000000f}.kenburns{animation:ken 18s ease-in-out infinite alternate;transform-origin:center}@keyframes ken{0%{transform:scale(1.05)}to{transform:scale(1.12) translateY(-2%)}}.parallax{position:relative;border-radius:16px;overflow:hidden;border:1px solid #e5e7eb;height:min(460px,44vw)}.parallax .layer{position:absolute;inset:0;background-size:cover;background-position:center;will-change:transform}.parallax .layer.bg{filter:brightness(.9)}.parallax .layer.overlay{mix-blend-mode:multiply;opacity:.22}.parallax .content{position:relative;z-index:2;height:100%;display:grid;place-items:center;text-align:center;padding:16px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width:860px){.gallery{grid-template-columns:1fr}}.k{width:22px;height:22px;display:inline-grid;place-items:center;border-radius:999px;border:1px solid #e5e7eb;background:#fff;margin-right:6px}.grid-focal{display:grid;grid-template-columns:1.75fr 1fr;gap:20px;align-items:start}@media (max-width:860px){.grid-focal{grid-template-columns:1fr;gap:14px}}.browser-frame{border:1px solid #e6e8ec;border-radius:16px;background:#fff;box-shadow:0 12px 30px #0208170d}.browser-chrome{border-bottom:1px solid #eef0f3;background:#f9fafb;color:#6b7280;font-size:12px}figcaption.sub{font-size:14px;color:#6b7280}.browser-chrome .dot{width:8px;height:8px;border-radius:999px;display:inline-block}.browser-chrome .dot.red{background:#ff5f57}.browser-chrome .dot.yellow{background:#febc2e}.browser-chrome .dot.green{background:#28c840}.browser-frame .shot{display:block;width:100%;background:#fff;object-fit:contain;aspect-ratio:auto}figure{margin:0}