:root{color-scheme:dark;--bg: #0b1120;--bg-soft: #111827;--panel: rgba(15, 23, 42, .82);--panel-strong: rgba(15, 23, 42, .96);--line: rgba(148, 163, 184, .18);--line-strong: rgba(34, 211, 238, .34);--text: #e5edf7;--muted: #94a3b8;--soft: #cbd5e1;--cyan: #22d3ee;--cyan-deep: #0891b2;--green: #6ee7b7;--shadow: 0 24px 70px rgba(0, 0, 0, .34);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-width:320px;background:radial-gradient(circle at 20% 0%,rgba(34,211,238,.16),transparent 34%),radial-gradient(circle at 80% 8%,rgba(14,165,233,.12),transparent 30%),linear-gradient(180deg,#0b1120,#111827 46%,#0b1120);color:var(--text)}body:before{position:fixed;inset:0;pointer-events:none;content:"";background-image:linear-gradient(rgba(148,163,184,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 72%);mask-image:linear-gradient(to bottom,#000,transparent 72%)}a{color:inherit}button,input,select{font:inherit}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid rgba(148,163,184,.14);background:#0b1120d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:10px;color:#f8fafc;font-size:14px;font-weight:800;text-decoration:none;white-space:nowrap}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--line-strong);border-radius:10px;background:linear-gradient(135deg,#22d3ee38,#0f172ae6);color:var(--cyan);font-size:12px;letter-spacing:0}nav{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none}nav::-webkit-scrollbar{display:none}nav a{padding:8px 11px;border-radius:999px;color:var(--muted);font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}nav a:hover,nav a:focus-visible{outline:none;background:#22d3ee1a;color:var(--cyan)}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(1180px,calc(100% - 48px));margin:0 auto;padding:28px 0 42px;border-top:1px solid rgba(148,163,184,.14);color:var(--muted)}.site-footer>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}.site-footer strong{color:#f8fafc}.site-footer nav{justify-content:flex-end;flex-wrap:wrap}.site-footer a{color:var(--soft)}main{isolation:isolate}.section-wrap{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:72px 0;scroll-margin-top:78px}.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);gap:32px;align-items:center;min-height:calc(100svh - 70px);padding-top:54px}.hero-copy h1{max-width:840px;margin:0;color:#f8fafc;font-size:clamp(40px,6vw,72px);line-height:1.08;letter-spacing:0}.hero-desc{max-width:760px;margin:26px 0 0;color:var(--soft);font-size:clamp(17px,2vw,21px);line-height:1.75}.eyebrow,.card-label{margin:0 0 12px;color:var(--cyan);font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.primary-link,.secondary-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:10px;font-weight:900;text-decoration:none}.primary-link{border:1px solid rgba(34,211,238,.7);background:linear-gradient(135deg,var(--cyan),#38bdf8);color:#06121c;box-shadow:0 18px 42px #22d3ee2e}.secondary-link{border:1px solid rgba(148,163,184,.28);background:#0f172ab8;color:#e2e8f0;box-shadow:none}.secondary-link:hover{border-color:#22d3ee80;color:var(--cyan)}.focus-card,.card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#0f172aeb,#0f172ab8);box-shadow:var(--shadow)}.focus-card{display:grid;gap:24px;padding:28px}.focus-card h2{margin:0;color:#f8fafc;font-size:24px}.focus-card ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.focus-card li{padding:12px 14px;border:1px solid rgba(34,211,238,.18);border-radius:12px;background:#0891b21a;color:var(--soft);font-weight:800}.section-heading{max-width:760px;margin-bottom:28px}.section-heading:has(.section-action){max-width:none}.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:18px}.section-heading h2{margin:0;color:#f8fafc;font-size:clamp(28px,4vw,42px);line-height:1.18}.section-heading p:not(.eyebrow){margin:14px 0 0;max-width:760px;color:var(--muted);font-size:17px;line-height:1.75}.section-action,.detail-link,.page-kicker a{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(34,211,238,.28);border-radius:999px;background:#22d3ee14;color:var(--cyan);font-size:13px;font-weight:900;text-decoration:none}.section-action{flex-shrink:0;min-height:38px;padding:0 14px}.section-action:hover,.detail-link:hover,.page-kicker a:hover{border-color:#22d3eea3;background:#22d3ee24}.strength-grid,.problem-grid,.three-grid,.map-grid{display:grid;gap:16px}.strength-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.problem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.problem-list{display:grid;gap:18px}.problem-list .problem-card{grid-template-columns:minmax(0,220px) minmax(0,1fr);align-items:start}.problem-list .problem-card .problem-top{display:grid;justify-content:start;gap:12px}.problem-list .problem-card h3,.problem-list .problem-card dl,.problem-list .problem-card .pill-list,.problem-list .problem-card .card-actions{grid-column:2}.three-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.map-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card{padding:22px}.card h3{margin:0;color:#f8fafc;font-size:20px;line-height:1.35}.card p{margin:12px 0 0;color:var(--muted);line-height:1.7}.strength-card{min-height:190px}.problem-card{display:grid;gap:18px}.problem-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.index{color:#22d3eea3;font-size:13px;font-weight:900}.tag{display:inline-flex;width:fit-content;align-items:center;border:1px solid rgba(34,211,238,.24);border-radius:999px;background:#22d3ee14;color:var(--cyan);font-size:12px;font-weight:900;line-height:1.2}.tag{padding:7px 10px}dl{display:grid;gap:12px;margin:0}dt{margin-bottom:4px;color:var(--green);font-size:12px;font-weight:900;text-transform:uppercase}dd{margin:0;color:var(--soft);font-size:15px;line-height:1.7}.timeline-grid{display:grid;gap:16px}.growth-card{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px}.growth-meta{display:grid;align-content:start;gap:8px}.growth-meta strong{color:var(--cyan);font-size:24px}.growth-meta span{color:#f8fafc;font-weight:900}.growth-meta em{color:var(--muted);font-style:normal;font-weight:800}.clean-list,.map-card ul,.pill-list{margin:16px 0 0;padding:0;list-style:none}.clean-list{display:grid;gap:10px}.clean-list li,.map-card li{position:relative;padding-left:16px;color:var(--soft);line-height:1.65}.clean-list li:before,.map-card li:before{position:absolute;left:0;top:.72em;width:5px;height:5px;border-radius:50%;background:var(--cyan);content:""}.compact{gap:8px}.project-card{display:grid;align-content:start;gap:12px}.detail-link{width:fit-content;min-height:34px;margin-top:6px;padding:0 12px}.card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.card-actions .detail-link{margin-top:0}.pill-list{display:flex;flex-wrap:wrap;gap:8px}.pill-list li,.skill-list li{border:1px solid rgba(148,163,184,.18);border-radius:999px;background:#0f172aa3;color:var(--soft);font-size:13px;font-weight:800}.pill-list li{padding:7px 10px}.map-card ul{display:grid;gap:8px}.skill-groups{display:grid;gap:18px}.skill-group{display:grid;grid-template-columns:170px minmax(0,1fr);gap:18px;align-items:start}.skill-group h3{margin:8px 0 0;color:#f8fafc;font-size:16px}.skill-list{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px;padding:0;list-style:none}.skill-list li{padding:9px 13px}.skill-list li.is-primary{border-color:#22d3ee8f;background:#22d3ee24;color:#a5f3fc;box-shadow:0 12px 30px #22d3ee14}.page-kicker{margin-bottom:22px}.page-kicker a{min-height:36px;padding:0 13px}.project-index-page,.detail-page{padding-top:48px}.project-timeline{display:grid;gap:38px}.timeline-company{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;align-items:start}.timeline-company>h2{position:sticky;top:88px;margin:0;color:#f8fafc;font-size:28px}.timeline-years{display:grid;gap:16px}.timeline-year{display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px}.timeline-year-label{color:var(--cyan);font-size:24px;font-weight:900}.timeline-year ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.timeline-year li>a,.timeline-year li>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:13px 14px;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:#0b11206b;text-decoration:none}.timeline-year li>a{border-color:#22d3ee47}.timeline-year li>a:hover{background:#22d3ee1a}.timeline-year strong{color:#f8fafc;font-size:15px}.timeline-year span{color:var(--muted);font-size:12px;font-weight:800;text-align:right}.detail-hero{padding:32px}.detail-hero h1{max-width:880px;margin:0;color:#f8fafc;font-size:clamp(34px,5vw,58px);line-height:1.12}.detail-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0 0}.detail-meta div{padding:14px;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:#0b11206b}.detail-meta dt{margin:0 0 6px}.detail-meta dd{color:var(--soft);font-size:14px}.detail-meta a{color:var(--cyan);font-weight:900;text-decoration:none}.detail-stack{margin:22px 0 0}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.detail-section h2{margin:0 0 14px;color:#f8fafc;font-size:22px}.detail-section p{color:var(--soft)}.wide{grid-column:1 / -1}.decision-table{display:grid;gap:10px}.decision-table>div{display:grid;grid-template-columns:150px 210px minmax(0,1fr);gap:16px;padding:14px;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:#0b11206b}.decision-table strong{color:var(--green)}.decision-table span{color:var(--cyan);font-weight:900}.decision-table p{margin:0}.comparison-table{display:grid;gap:10px}.comparison-table>div{display:grid;grid-template-columns:88px minmax(0,1fr) 88px minmax(0,1fr);gap:12px;align-items:start;padding:14px;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:#0b11206b}.comparison-table strong{color:var(--green);font-size:12px;letter-spacing:.05em}.comparison-table p{margin:0}.implementation-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.implementation-list article{padding:16px;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:#0b11206b}.implementation-list h3{font-size:17px}.detail-blocks{display:grid;gap:14px}.detail-blocks article{padding:18px;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:#0b11206b}.detail-blocks h3{margin:0 0 10px;color:#f8fafc;font-size:18px}.detail-blocks .clean-list{margin-top:10px}.responsive-table{width:100%;margin-top:12px;overflow-x:auto}.responsive-table table{width:100%;min-width:680px;border-collapse:collapse}.responsive-table th,.responsive-table td{padding:12px;border:1px solid rgba(148,163,184,.14);color:var(--soft);font-size:14px;line-height:1.65;text-align:left;vertical-align:top}.responsive-table th{color:var(--cyan);background:#22d3ee14}.not-found{min-height:72svh}.not-found h1{color:#f8fafc;font-size:clamp(34px,5vw,58px)}.final-cta{padding-bottom:96px}.reveal{animation:rise .7s ease both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{animation:none}}@media(max-width:1080px){.strength-grid,.map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.three-grid{grid-template-columns:1fr}.hero{grid-template-columns:1fr;min-height:auto;padding-top:64px}.focus-card{max-width:680px}}@media(max-width:820px){.site-header{align-items:flex-start;flex-direction:column;gap:12px;padding:14px 18px}nav{width:100%}.site-footer{align-items:flex-start;flex-direction:column;width:min(100% - 32px,1180px)}.site-footer nav{justify-content:flex-start;width:100%}.section-wrap{width:min(100% - 32px,1180px);padding:48px 0;scroll-margin-top:118px}.problem-grid,.strength-grid,.map-grid,.problem-list .problem-card{grid-template-columns:1fr}.problem-list .problem-card h3,.problem-list .problem-card dl,.problem-list .problem-card .pill-list,.problem-list .problem-card .card-actions{grid-column:auto}.growth-card{grid-template-columns:1fr}.growth-card{display:grid;gap:18px}.section-title-row,.timeline-company,.timeline-year,.detail-meta,.detail-grid,.skill-group,.comparison-table>div,.decision-table>div,.implementation-list{grid-template-columns:1fr}.section-title-row{display:grid;align-items:start}.section-action{width:fit-content}.timeline-company>h2{position:static}.timeline-year li>a,.timeline-year li>div{grid-template-columns:1fr;gap:6px}.timeline-year span{text-align:left}}@media(max-width:560px){.brand span:last-child{display:none}nav a{padding:7px 9px;font-size:12px}.hero-copy h1{font-size:34px}.hero-desc,.section-heading p:not(.eyebrow){font-size:15px}.card,.focus-card{padding:18px;border-radius:14px}.card h3{font-size:18px}.problem-card{gap:14px}dd,.clean-list li,.map-card li{font-size:14px}.hero-actions{align-items:stretch;flex-direction:column}.primary-link,.secondary-link{width:100%}.detail-hero{padding:20px}.detail-hero h1{font-size:32px}.project-index-page,.detail-page{padding-top:32px}}
