:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#091018;--bg-soft:#0a121dc2;--panel:#f5f1e80f;--panel-strong:#f5f1e81a;--line:#f5f1e81f;--text:#f4efe3;--muted:#f4efe3b8;--muted-soft:#f4efe385;--teal:#7ce0c3;--amber:#f6c66e;--coral:#ff7c70;--sky:#89b8ff;--shadow:0 30px 80px #02080f59}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--text);background:radial-gradient(circle at 0 0,#7ce0c31f,#0000 28%),radial-gradient(circle at 100% 0,#ff7c701f,#0000 30%),linear-gradient(145deg,#060d15 0%,#0c1623 55%,#091018 100%);margin:0;font-family:Avenir Next,SUIT,Pretendard Variable,IBM Plex Sans KR,Apple SD Gothic Neo,Noto Sans KR,sans-serif}a{color:inherit}button,input,textarea,select{font:inherit}#root{min-height:100vh}.page-shell{min-height:100vh;position:relative;overflow:hidden}.page-grid{pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000a6,#0000);mask-image:linear-gradient(#000000a6,#0000)}.page-content{z-index:1;width:min(1200px,100% - 32px);margin:0 auto;padding:32px 0 56px;position:relative}.card-panel{border:1px solid var(--line);background:linear-gradient(180deg, var(--bg-soft), #091018e6);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.hero{border-radius:30px;grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);gap:24px;padding:28px;display:grid}.eyebrow,.section-kicker,.proof-label,.headline-label,.domain-layer,.path-segment{letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin:0;font-size:.75rem}.hero h1,.headline-card h2,.metric-card h2,.section-heading h2,.proof-header h2,.overview-value,.automation-value,.domain-availability{letter-spacing:0;margin:0;font-family:Avenir Next Condensed,Space Grotesk,Avenir Next,sans-serif}.hero h1{max-width:12ch;font-size:clamp(2.7rem,5vw,5rem);line-height:.94}.hero-summary,.section-copy,.proof-points li,.operator-note-box li,.metric-card p,.domain-detail,.path-detail,.alarm-row p,.timeline-card p,.automation-summary,.automation-outcome,.capability-fit-card p,.headline-detail{color:var(--muted)}.hero-summary{max-width:62ch;margin:18px 0 0;font-size:1.05rem;line-height:1.7}.hero-boundary{border:1px solid #ffd66647;border-left:4px solid var(--amber);max-width:62ch;color:var(--muted);background:#ffd66614;border-radius:8px;margin:18px 0 0;padding:12px 14px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.primary-action,.secondary-action{border-radius:999px;align-items:center;gap:10px;min-height:48px;padding:0 18px;text-decoration:none;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.primary-action{background:linear-gradient(135deg, var(--amber), #ffefb5);color:#0b1017;font-weight:700}.secondary-action{border:1px solid var(--line);color:var(--text);background:#ffffff08}.primary-action:hover,.secondary-action:hover,.scenario-tab:hover{transform:translateY(-2px)}.hero-chips{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.hero-chips span,.status-pill,.severity-pill,.timeline-pill{border:1px solid var(--line);background:#ffffff0a;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:.78rem;display:inline-flex}.hero-proof{background:linear-gradient(#ff7c7014,#0000 30%),#ffffff08;border:1px solid #ffffff14;border-radius:22px;padding:22px}.proof-header{align-items:flex-start;gap:14px;display:flex}.proof-header svg{color:var(--coral);margin-top:4px}.proof-header h2{margin-top:8px;font-size:1.8rem}.proof-points{margin:18px 0 0;padding-left:18px;line-height:1.7}.headline-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.headline-card{border:1px solid var(--line);background:#ffffff0a;border-radius:22px;align-items:flex-start;gap:14px;padding:18px;display:flex}.headline-card h2{margin-top:4px;font-size:2rem}.headline-icon{width:44px;height:44px;color:var(--sky);background:#89b8ff1f;border-radius:16px;place-items:center;display:grid}.scenario-board,.section-card{border-radius:28px;margin-top:18px;padding:24px}.section-heading{justify-content:space-between;align-items:flex-start;gap:22px;display:flex}.section-heading-side{justify-items:end;gap:12px;display:grid}.section-heading-main{align-items:flex-start;gap:14px;display:flex}.section-icon{color:var(--sky);flex:none}.section-copy{text-align:left;max-width:54ch;margin:0;line-height:1.7}.section-action,.section-meta{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.scenario-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.scenario-tab{border:1px solid var(--line);color:var(--text);text-align:left;cursor:pointer;background:#ffffff08;border-radius:22px;padding:16px;transition:transform .18s,border-color .18s,background .18s}.scenario-tab.is-active{background:linear-gradient(#f6c66e1f,#ffffff0a),#ffffff08;border-color:#f6c66e73}.scenario-tab-title{margin-bottom:10px;font-family:Space Grotesk,sans-serif;font-size:1.05rem;display:block}.scenario-tab-summary{color:var(--muted);line-height:1.6;display:block}.scenario-tab-fit{color:#d9f8ee;margin-top:12px;font-size:.84rem;line-height:1.55;display:block}.scenario-overview-grid,.two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.overview-card,.operator-note-box,.metric-card,.domain-card,.automation-card,.capability-fit-card,.delivery-card,.runbook-card,.application-card{border:1px solid var(--line);background:#ffffff0a;border-radius:22px}.overview-card{padding:18px}.overview-header{align-items:center;gap:10px;display:flex}.overview-value{margin-top:12px;font-size:1.12rem;line-height:1.5}.operator-note-box{margin-top:16px;padding:18px 20px}.operator-note-box ul{margin:12px 0 0;padding-left:18px}.operator-note-box li{line-height:1.65}.delivery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.delivery-card,.application-card{padding:18px}.copy-brief-button,.filter-pill{border:1px solid var(--line);min-height:40px;color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:999px;align-items:center;gap:8px;padding:0 14px;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.copy-brief-button:hover,.filter-pill:hover{border-color:#f6c66e59;transform:translateY(-1px)}.copy-brief-button svg{width:16px;height:16px}.meta-chip,.indicator-tag{border:1px solid var(--line);min-height:34px;color:var(--muted);background:#ffffff0a;border-radius:999px;align-items:center;padding:0 12px;font-size:.78rem;display:inline-flex}.delivery-card-header{align-items:flex-start;gap:10px;display:flex}.delivery-card h3{margin:0;font-size:1rem}.delivery-card p{color:var(--muted);margin:12px 0 0;line-height:1.7}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.metric-card{padding:18px;position:relative;overflow:hidden}.metric-card:after{content:"";background:0 0;height:4px;position:absolute;inset:auto 0 0}.metric-card.teal:after{background:linear-gradient(90deg, #7ce0c338, var(--teal))}.metric-card.amber:after{background:linear-gradient(90deg, #f6c66e38, var(--amber))}.metric-card.coral:after{background:linear-gradient(90deg, #ff7c7038, var(--coral))}.metric-card-header{align-items:center;gap:10px;display:flex}.metric-card-header p{color:var(--muted-soft);margin:0;font-size:.92rem}.metric-card h2{margin-top:14px;font-size:2.2rem}.metric-card p:last-child{margin:10px 0 0;line-height:1.7}.metric-icon{width:18px;height:18px}.metric-icon.teal{color:var(--teal)}.metric-icon.amber{color:var(--amber)}.metric-icon.coral{color:var(--coral)}.domain-grid,.automation-grid,.capability-fit-list,.application-list,.runbook-list,.evidence-grid,.indicator-list{gap:14px;display:grid}.domain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.domain-card{padding:18px}.domain-card-header,.automation-card-header,.capability-fit-header,.timeline-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.domain-card h3,.path-node h3,.alarm-primary h3,.timeline-card h3,.automation-card h3,.capability-fit-card h3{margin:8px 0 0;font-size:1.08rem}.domain-availability{margin-top:16px;font-size:1.8rem}.domain-detail{margin:10px 0 0;line-height:1.7}.path-list{gap:14px;display:grid}.path-hop{grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:10px;display:grid}.path-node{border:1px solid var(--line);background:#ffffff0a;border-radius:22px;padding:18px}.path-detail{margin:12px 0 0;line-height:1.65}.path-connector{background:linear-gradient(90deg,#89b8ff26,#89b8ffcc);height:2px}.status-pill.healthy,.timeline-pill.done{color:var(--teal);border-color:#7ce0c340}.status-pill.watch,.timeline-pill.queued{color:var(--amber);border-color:#f6c66e40}.status-pill.degraded,.timeline-pill.active{color:#ffdcb1;border-color:#ffb46e47}.status-pill.critical,.severity-pill.critical{color:var(--coral);border-color:#ff7c704d}.severity-pill.major{color:#ffbe84;border-color:#ffbe8447}.severity-pill.minor{color:var(--amber);border-color:#f6c66e42}.severity-pill.info{color:var(--sky);border-color:#89b8ff42}.alarm-table{margin-top:6px;display:grid}.filter-toolbar{gap:14px;margin-top:6px;display:grid}.search-field{gap:8px;display:grid}.search-label{color:var(--amber);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:.82rem;display:inline-flex}.search-label svg{width:15px;height:15px}.search-field input{border:1px solid var(--line);width:100%;min-height:46px;color:var(--text);background:#ffffff08;border-radius:16px;padding:0 14px}.search-field input::placeholder{color:var(--muted-soft)}.filter-group{flex-wrap:wrap;gap:10px;display:flex}.filter-pill.is-active{color:#fff3cc;background:linear-gradient(#f6c66e1f,#ffffff0a);border-color:#f6c66e73}.filter-result-copy{color:var(--muted-soft);margin:12px 0 6px;font-size:.92rem}.empty-state{background:#ffffff08;border:1px dashed #f6c66e47;border-radius:20px;margin-top:10px;padding:18px}.empty-state h3{margin:0;font-size:1rem}.empty-state p{color:var(--muted);margin:10px 0 0;line-height:1.65}.alarm-table-header,.alarm-row{grid-template-columns:110px 1.15fr 1fr 1fr;gap:14px;padding:14px 0;display:grid}.alarm-table-header{border-bottom:1px solid var(--line);color:var(--muted-soft);letter-spacing:.06em;text-transform:uppercase;font-size:.82rem}.alarm-row+.alarm-row{border-top:1px solid #ffffff0f}.alarm-domain,.alarm-owner-name,.timeline-owner{color:var(--amber);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.8rem}.alarm-primary p:last-child,.alarm-impact p,.alarm-owner p:not(.alarm-owner-name){margin:8px 0 0;line-height:1.65}.alarm-owner span{color:var(--muted-soft);margin-top:10px;font-size:.84rem;display:inline-block}.timeline-list{gap:12px;display:grid}.timeline-card{border:1px solid var(--line);background:#ffffff0a;border-radius:22px;grid-template-columns:86px minmax(0,1fr);gap:14px;padding:16px;display:grid}.timeline-time{color:var(--text);font-family:Avenir Next Condensed,Space Grotesk,Avenir Next,sans-serif;font-size:1.05rem}.timeline-card p{margin:10px 0 0;line-height:1.65}.timeline-owner{margin-top:12px;display:inline-block}.automation-grid,.capability-fit-list,.application-list,.runbook-list{margin-top:4px}.brief-preview{border:1px solid var(--line);background:#ffffff0a;border-radius:20px;margin-bottom:14px;padding:18px}.brief-preview p:last-child{white-space:pre-line;color:var(--muted);margin:10px 0 0;line-height:1.75}.automation-card,.capability-fit-card{padding:18px}.automation-value{margin-top:14px;font-size:1.9rem}.automation-summary,.automation-outcome,.capability-fit-card p{margin:10px 0 0;line-height:1.7}.automation-outcome{color:#d8f8ed}.capability-fit-card p{margin-top:12px}.runbook-card{grid-template-columns:72px minmax(0,1fr);gap:14px;padding:18px;display:grid}.runbook-step{height:52px;color:var(--amber);background:#f6c66e14;border:1px solid #f6c66e47;border-radius:18px;place-items:center;font-family:Avenir Next Condensed,Space Grotesk,Avenir Next,sans-serif;font-size:1.35rem;display:grid}.runbook-header h3{margin:8px 0 0;font-size:1.02rem}.runbook-body p:last-child,.application-copy{color:var(--muted);margin:12px 0 0;line-height:1.7}.application-copy{font-size:.98rem}.snapshot-grid,.snapshot-list-grid,.snapshot-handoff-grid{gap:14px;display:grid}.snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.snapshot-list-grid,.snapshot-handoff-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.snapshot-list{gap:12px;display:grid}.snapshot-list-header{padding:0 2px}.snapshot-card{border:1px solid var(--line);background:#ffffff0a;border-radius:18px;padding:18px}.snapshot-card.compact{padding:16px}.snapshot-card h3{letter-spacing:0;margin:6px 0 0;font-family:Avenir Next Condensed,Space Grotesk,Avenir Next,sans-serif;font-size:1.4rem}.snapshot-card p:last-child{color:var(--muted);margin:8px 0 0;line-height:1.65}.evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.evidence-card,.indicator-card{border:1px solid var(--line);background:#ffffff0a;border-radius:20px;padding:18px}.evidence-card h3,.indicator-card h3{margin:8px 0 0;font-size:1.08rem}.evidence-card p:last-child,.indicator-card p:last-child{color:var(--muted);margin:12px 0 0;line-height:1.7}.indicator-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}@media (width<=1080px){.hero,.headline-strip,.metric-grid,.scenario-tabs,.two-column,.scenario-overview-grid,.domain-grid,.delivery-grid,.snapshot-grid,.snapshot-list-grid,.snapshot-handoff-grid,.evidence-grid,.alarm-table-header,.alarm-row,.path-hop{grid-template-columns:1fr}.path-connector{background:linear-gradient(#89b8ff26,#89b8ffcc);width:2px;height:24px;margin-left:16px}.runbook-card{grid-template-columns:1fr}}.hero,.hero-proof,.headline-card,.section-card,.scenario-board,.metric-card,.overview-card,.delivery-card,.domain-card,.path-node,.evidence-card,.indicator-card,.alarm-row,.timeline-card,.automation-card,.capability-fit-card,.application-card,.snapshot-card,.brief-preview,.empty-state{border-radius:8px}.resource-footer{justify-content:flex-end;margin-top:18px;display:flex}.resource-footer a{color:var(--muted);font-size:.9rem;font-weight:700;text-decoration:none}.resource-footer a:hover{color:var(--text)}@media (width<=720px){.hero,.scenario-board,.section-card{border-radius:8px}.page-content{width:min(100% - 20px,1200px);padding-top:18px}.hero,.scenario-board,.section-card{border-radius:24px;padding:18px}.hero h1{max-width:none}.section-heading{flex-direction:column}.section-heading-side{justify-items:start}.section-action,.section-meta{justify-content:flex-start}.headline-card h2,.metric-card h2,.domain-availability,.automation-value{font-size:1.65rem}}