:root{--navy:#071728;--blue:#0c2b50;--blue2:#173f68;--orange:#f59a16;--paper:#f6f8fa;--line:#dfe4e9;--muted:#667484;--red:#e85b62}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);background:#fff;font-family:Arial,"Noto Sans KR",sans-serif}a{color:inherit;text-decoration:none}.topbar{height:74px;position:fixed;z-index:30;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,36px);background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(7,23,40,.1)}.logo{font-weight:850;letter-spacing:-.045em;font-size:20px}.logo span{color:var(--orange)}.topbar nav{display:flex;gap:36px;color:#536170;font-size:13px}.topbar nav a:hover{color:var(--navy)}.headerCta{font-size:13px;font-weight:750;border-left:1px solid var(--line);padding-left:27px}.headerCta span{color:var(--orange);margin-left:8px}.hero{height:790px;position:relative;display:flex;align-items:center;overflow:hidden;background:var(--navy);color:#fff;padding:110px max(7vw,46px) 60px}.heroBg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,17,30,.98) 0%,rgba(5,17,30,.93) 46%,rgba(5,17,30,.25) 78%,rgba(5,17,30,.06) 100%)}.heroCopy{position:relative;z-index:2;max-width:760px}.micro,.sectionLabel{font-size:10px;font-weight:800;letter-spacing:.18em;color:#788899}.hero .micro{color:#9aa8b7}.hero h1{font-size:clamp(64px,8vw,112px);line-height:.94;letter-spacing:-.065em;margin:30px 0 22px}.heroTitle{font-size:23px;font-weight:650;margin:0}.heroLead{font-size:16px;line-height:1.8;color:#b7c1cc;margin:26px 0 34px}.heroActions{display:flex;align-items:center;gap:27px}.button{display:inline-flex;align-items:center;justify-content:space-between;min-width:208px;padding:18px 20px;font-size:13px;font-weight:800}.button span{font-size:18px}.button.orange{background:var(--orange);color:var(--navy)}.quietLink{font-size:13px;color:#d2d8df}.quietLink span{color:var(--orange);margin-left:8px}.heroTags{display:flex;gap:8px;margin-top:56px}.heroTags span{border:1px solid rgba(255,255,255,.17);padding:10px 14px;border-radius:4px;font-size:10px;color:#aeb9c5}.section{padding:112px max(7vw,46px)}.sectionLabel{display:flex;align-items:center;gap:13px;margin-bottom:48px}.sectionLabel span{color:var(--orange)}.sectionLabel:before{content:"";width:24px;height:2px;background:var(--navy);order:-1}.sectionLabel.light{color:#91a0b0}.sectionLabel.light:before{background:var(--orange)}.splitTitle{display:grid;grid-template-columns:1.05fr .95fr;align-items:end;gap:8vw;margin-bottom:66px}.splitTitle h2,.dashboard h2,.contact h2{font-size:clamp(38px,4.2vw,62px);letter-spacing:-.06em;line-height:1.13;margin:0}.splitTitle>p{color:var(--muted);font-size:16px;line-height:1.85;margin:0}.splitTitle>p strong{color:var(--navy)}.problemGrid{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.problemList article{display:grid;grid-template-columns:62px 1fr;padding:25px 0;border-top:1px solid var(--line)}.problemList b{font-size:12px;color:var(--red)}.problemList h3{font-size:18px;margin:0 0 8px}.problemList p{font-size:13px;color:var(--muted);margin:0;line-height:1.6}.solutionCard{background:var(--blue);color:#fff;border-radius:15px;padding:34px 40px}.solutionHead{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:24px;margin-bottom:10px}.solutionHead span{color:var(--orange);font-weight:800}.solutionHead small{color:#8798aa}.solutionCard>div:not(.solutionHead){display:grid;grid-template-columns:25px 1fr;padding:17px 0}.solutionCard i{font-size:7px;color:var(--orange);font-style:normal}.solutionCard p{margin:0;color:#aebaca;font-size:12px;line-height:1.55}.solutionCard p b{display:block;color:#fff;font-size:14px;margin-bottom:6px}.incidents,.security,.contact{background:var(--navy);color:#fff}.splitTitle.dark>p{color:#a8b4c0}.incidentGrid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #2a3b4d;border-bottom:1px solid #2a3b4d}.incidentGrid article{padding:33px 28px;border-right:1px solid #2a3b4d}.incidentGrid article:last-child{border:0}.incidentGrid span{font-size:10px;color:var(--orange);letter-spacing:.12em}.incidentGrid h3{font-size:28px;margin:25px 0 12px}.incidentGrid p{font-size:13px;line-height:1.7;color:#9eabb8}.continuity{display:flex;align-items:center;gap:22px;margin-top:40px;font-size:13px}.continuity span{border:1px solid #36485b;border-radius:30px;padding:10px 18px}.continuity i{font-style:normal;color:var(--orange)}.continuity b{margin-left:auto;font-size:13px;color:#b3bec8}.valueGrid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden}.valueGrid article{padding:28px;min-height:290px;border-right:1px solid var(--line);position:relative}.valueGrid article:last-child{border:0}.valueGrid>article>span{font-size:10px;color:var(--orange)}.plus{position:absolute;right:25px;top:22px;font-size:24px;color:#a9b2bc}.valueGrid h3{font-size:20px;margin:90px 0 17px}.valueGrid p{font-size:13px;line-height:1.75;color:var(--muted);margin:0}.dashboard{background:var(--paper);display:grid;grid-template-columns:33% 67%;gap:7vw;overflow:hidden}.dashboardCopy>p{font-size:14px;line-height:1.8;color:var(--muted);margin:28px 0}.dashboardCopy ul{list-style:none;padding:0;margin:40px 0 0}.dashboardCopy li{border-top:1px solid #cfd6dd;padding:15px 0;font-size:13px}.dashboardCopy li b{font-size:10px;color:var(--orange);margin-right:15px}.browserFrame{width:920px;align-self:center;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #d4dbe3;box-shadow:0 28px 70px rgba(31,51,70,.15)}.browserTop{height:34px;background:#edf1f5;display:flex;gap:6px;align-items:center;padding:0 13px}.browserTop i{width:7px;height:7px;border-radius:50%;background:#aeb8c3}.browserTop i:first-child{background:var(--orange)}.browserTop span{margin-left:8px;font-size:9px;color:#788697}.browserFrame img{display:block;width:100%}.lifecycleFlow{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden}.lifecycleFlow article{min-height:170px;padding:25px 18px;border-right:1px solid var(--line);position:relative}.lifecycleFlow article:last-child{border:0}.lifecycleFlow span{font-size:10px;color:var(--orange)}.lifecycleFlow h3{font-size:17px;margin:43px 0 9px}.lifecycleFlow p{font-size:11px;color:#8a96a3}.lifecycleFlow article>b{position:absolute;right:-8px;top:75px;background:white;color:#a0acb8;z-index:2}.automationLine{display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:white;padding:28px 35px;margin-top:28px;border-radius:4px}.automationLine>div{display:flex;align-items:center;gap:25px}.automationLine span{font-size:11px;color:#9eabba}.automationLine b{font-size:27px;color:var(--orange)}.automationLine p{font-size:12px;color:#9eabba;width:50%;line-height:1.6}.architecture{background:var(--paper)}.archDiagram{display:grid;grid-template-columns:1.2fr 160px 1fr;gap:20px;align-items:center}.zone{border:1px solid #cfd7df;border-radius:15px;padding:25px;background:#fff}.zone>span{font-size:9px;color:#788697;letter-spacing:.13em}.console{margin-top:20px;border:1px solid #dbe1e7;border-radius:7px;padding:13px;font-size:12px}.clm{background:var(--blue);color:#fff;border-radius:7px;padding:18px;margin-top:10px}.clm b,.zone.external b,.internalBottom b{display:block;font-size:13px}.clm small,.zone.external small,.internalBottom small{display:block;font-size:9px;margin-top:7px;color:#90a2b4}.internalBottom{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.internalBottom>div{border:1px solid #dbe1e7;border-radius:7px;padding:15px}.proxy{text-align:center;background:var(--blue);color:white;border-radius:10px;padding:23px 12px;position:relative}.proxy:before,.proxy:after{content:"";position:absolute;top:50%;width:20px;height:1px;background:#698096}.proxy:before{right:100%}.proxy:after{left:100%}.proxy b{display:block;font-size:13px}.proxy small{font-size:9px;color:#9caebe}.zone.external{display:grid;gap:10px}.zone.external>div{border:1px solid #dbe1e7;border-radius:7px;padding:18px}.integrations .splitTitle{margin-bottom:50px}.integrationGrid{display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid var(--line);border-radius:14px;overflow:hidden}.integrationGrid article{padding:35px;border-right:1px solid var(--line)}.integrationGrid article:last-child{border:0}.integrationGrid span,.securityGrid span{font-size:10px;color:var(--orange);letter-spacing:.15em}.integrationGrid h3{font-size:23px;line-height:1.35;margin:42px 0 20px}.integrationGrid p{font-size:12px;color:var(--muted);line-height:1.7}.securityGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.securityGrid article{background:#fff;color:var(--navy);border-radius:14px;padding:35px;min-height:280px}.securityGrid h3{font-size:22px;margin:60px 0 18px}.securityGrid p{font-size:12px;line-height:1.8;color:#6f7c8a}.outcomeGrid{display:grid;grid-template-columns:repeat(3,1fr)}.outcomeGrid article{padding:32px;min-height:210px;border:1px solid var(--line);margin:-1px 0 0 -1px}.outcomeGrid span{font-size:10px;color:var(--orange)}.outcomeGrid h3{font-size:20px;margin:44px 0 14px}.outcomeGrid p{font-size:12px;line-height:1.75;color:var(--muted)}.contact{display:grid;grid-template-columns:1.3fr 1fr;align-items:end}.contact>div:last-child{border-left:1px solid #304052;padding-left:8vw}.contact p{font-size:16px;line-height:1.7;color:#a9b5c1;margin:0 0 28px}footer{display:flex;align-items:center;gap:45px;padding:35px max(7vw,46px);background:#050e18;color:#fff}footer p{font-size:11px;color:#7a8998}footer small{font-size:9px;color:#637282;margin-left:auto}
@media(max-width:950px){.topbar nav{display:none}.hero{height:auto;min-height:730px}.heroBg{object-position:65% center}.heroShade{background:linear-gradient(90deg,rgba(5,17,30,.98),rgba(5,17,30,.75))}.section{padding:85px 25px}.splitTitle,.problemGrid,.dashboard,.contact{grid-template-columns:1fr}.splitTitle{gap:25px}.incidentGrid,.valueGrid,.securityGrid,.outcomeGrid,.integrationGrid{grid-template-columns:1fr 1fr}.incidentGrid article:nth-child(2),.valueGrid article:nth-child(2),.securityGrid article:nth-child(2),.outcomeGrid article:nth-child(2),.integrationGrid article:nth-child(2){border-right:0}.browserFrame{width:150%;margin-top:30px}.lifecycleFlow{grid-template-columns:repeat(4,1fr)}.archDiagram{grid-template-columns:1fr}.proxy:before,.proxy:after{display:none}.contact>div:last-child{border:0;padding:40px 0 0}.continuity{flex-wrap:wrap}.continuity b{width:100%;margin:0}.heroTags{flex-wrap:wrap}.automationLine{display:block}.automationLine p{width:100%}footer{flex-wrap:wrap}footer small{width:100%;margin:0}}
@media(max-width:560px){.topbar{height:64px;padding:0 20px}.hero{padding:110px 23px 60px;min-height:720px}.hero h1{font-size:62px}.heroTitle{font-size:19px}.heroLead br{display:none}.heroActions{align-items:flex-start;flex-direction:column}.section{padding:75px 22px}.splitTitle h2,.dashboard h2,.contact h2{font-size:39px}.incidentGrid,.valueGrid,.securityGrid,.outcomeGrid,.integrationGrid{grid-template-columns:1fr}.incidentGrid article,.valueGrid article,.integrationGrid article{border-right:0}.valueGrid article{min-height:240px}.valueGrid h3{margin-top:55px}.browserFrame{width:200%}.lifecycleFlow{grid-template-columns:1fr 1fr}.lifecycleFlow article>b{display:none}.automationLine>div{justify-content:space-between}.archDiagram{font-size:12px}.heroTags span{padding:8px 10px}.contact{padding-top:85px}footer{gap:14px}}
.headerActions{display:flex;align-items:center;gap:22px}.langSwitch{font-size:10px;font-weight:800;letter-spacing:.12em;color:#7b8794;border:1px solid var(--line);padding:8px 9px;border-radius:3px}.langSwitch:hover{color:var(--navy);border-color:#aeb8c2}
@media(max-width:560px){.headerActions{gap:10px}.topbar .headerCta{display:none}}

a:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.internalBottom>.hsm{background:var(--blue);border-color:var(--blue);color:#fff}.internalBottom>.hsm small{color:#9caebe}

.contact{align-items:start}.contactPanel{border-left:1px solid #304052;padding-left:8vw}.contactPanel>p{max-width:520px}.contactInfo{margin:38px 0 0;border-top:1px solid #304052}.contactInfo>div{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:24px;min-height:68px;border-bottom:1px solid #304052}.contactInfo dt{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--orange);text-transform:uppercase}.contactInfo dd{margin:0;font-size:15px;font-weight:700;color:#fff}.contactInfo .contactPlaceholder{font-weight:500;color:#8594a3}
@media(max-width:950px){.contactPanel{border-left:0;padding:40px 0 0}.contactInfo{max-width:680px}}
@media(max-width:560px){.contactInfo>div{grid-template-columns:100px 1fr;gap:16px;min-height:62px}.contactInfo dd{font-size:14px}}

/* Readability pass: keep decorative labels compact, but body copy comfortably legible. */
body{font-family:"Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",Arial,sans-serif}
.topbar nav,.headerCta,.button,.quietLink{font-size:14px}.langSwitch{font-size:11px}
.micro,.sectionLabel{font-size:11px}.heroLead{font-size:17px}.heroTags span{font-size:12px}
.problemList h3{font-size:19px}.problemList p{font-size:14px}.solutionCard p{font-size:14px}.solutionCard p b{font-size:15px}
.incidentGrid span{font-size:11px}.incidentGrid p{font-size:14px}.continuity,.continuity b{font-size:14px}
.valueGrid>article>span{font-size:11px}.valueGrid h3{font-size:21px}.valueGrid p{font-size:15px}
.dashboardCopy>p{font-size:15px}.dashboardCopy li{font-size:14px}.browserTop span{font-size:10px}
.lifecycleFlow span{font-size:11px}.lifecycleFlow h3{font-size:18px}.lifecycleFlow p{font-size:13px}.automationLine span{font-size:12px}.automationLine p{font-size:14px}
.zone>span{font-size:10px}.console{font-size:13px}.clm b,.zone.external b,.internalBottom b{font-size:14px}.clm small,.zone.external small,.internalBottom small{font-size:11px}
.integrationGrid span,.securityGrid span{font-size:11px}.integrationGrid p,.securityGrid p,.outcomeGrid p{font-size:14px}.outcomeGrid span{font-size:11px}
.contact p{font-size:17px}.contactInfo dt{font-size:11px}.contactInfo dd{font-size:16px}
footer p{font-size:12px}footer small{font-size:11px}
@media(max-width:560px){.heroLead{font-size:16px}.valueGrid p,.integrationGrid p,.securityGrid p,.outcomeGrid p{font-size:14px}.contact p{font-size:16px}}

/* Subtle depth and feedback for card-based content on pointer devices. */
.solutionCard,.valueGrid article,.incidentGrid article,.integrationGrid article,.securityGrid article,.outcomeGrid article,.zone{position:relative;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease}
@media(hover:hover) and (pointer:fine){
  .solutionCard:hover,.valueGrid article:hover,.integrationGrid article:hover,.securityGrid article:hover,.outcomeGrid article:hover,.zone:hover{z-index:2;transform:translateY(-2px);box-shadow:0 12px 28px rgba(7,23,40,.12)}
  .incidentGrid article:hover{z-index:2;transform:translateY(-2px);background:rgba(255,255,255,.035);box-shadow:0 12px 28px rgba(0,0,0,.18)}
}

/* Keep the product name on one line without crowding narrow phones. */
@media(max-width:560px){.hero h1{font-size:clamp(46px,15vw,62px);white-space:nowrap}}
@media(prefers-reduced-motion:reduce){
  .solutionCard,.valueGrid article,.incidentGrid article,.integrationGrid article,.securityGrid article,.outcomeGrid article,.zone{transition:none}
  .solutionCard:hover,.valueGrid article:hover,.incidentGrid article:hover,.integrationGrid article:hover,.securityGrid article:hover,.outcomeGrid article:hover,.zone:hover{transform:none}
}