:root{--navy:#071b35;--navy2:#0b2c52;--blue:#dff3ff;--blue2:#eff9ff;--orange:#ff6a1a;--ink:#17283c;--muted:#607187;--line:#cddde9;--white:#fff;--radius:22px;--shadow:0 22px 60px rgba(11,45,80,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:"Noto Sans KR",sans-serif;background:#fff;word-break:keep-all;overflow-x:hidden}a{color:inherit;text-decoration:none}.skip{position:fixed;left:12px;top:-80px;background:#fff;padding:12px;z-index:100}.skip:focus{top:12px}.site-header{height:78px;padding:0 clamp(22px,5vw,80px);display:flex;align-items:center;border-bottom:1px solid rgba(9,35,64,.1);position:sticky;top:0;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);z-index:20}.brand{display:flex;align-items:center;gap:11px;font:800 21px Manrope,sans-serif;letter-spacing:.12em;color:var(--navy)}.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;background:var(--orange);font:800 20px Manrope}.site-header nav{display:flex;gap:clamp(18px,2.5vw,38px);margin:auto;font-size:14px;font-weight:600;color:#41546a}.site-header nav a:hover{color:var(--orange)}.header-cta{font-size:13px;font-weight:700;color:var(--navy);border-bottom:1px solid var(--navy);padding:8px 0}.header-cta span{color:var(--orange);margin-left:6px}.menu-button{display:none}.hero{min-height:calc(100vh - 78px);background:radial-gradient(circle at 75% 40%,#fff 0 5%,transparent 29%),linear-gradient(135deg,#f8fcff 0,#e4f5ff 54%,#d6edfb 100%);padding:clamp(70px,9vw,130px) clamp(22px,7vw,110px);display:grid;grid-template-columns:1fr .95fr;align-items:center;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:40vw;height:40vw;border:1px solid rgba(18,63,102,.08);border-radius:50%;right:-20vw;bottom:-23vw}.eyebrow{font:700 12px Manrope,sans-serif;letter-spacing:.18em;color:#4a6078;display:flex;align-items:center;gap:10px;margin:0 0 24px}.eyebrow span{display:inline-block;width:28px;height:2px;background:var(--orange)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(44px,6vw,86px);line-height:1.08;letter-spacing:-.055em;color:var(--navy);margin-bottom:28px}.hero h1 em{font-style:normal;color:var(--orange)}.hero-lead{color:#50647a;line-height:1.85;font-size:clamp(15px,1.25vw,19px)}.hero-actions{display:flex;gap:12px;margin:36px 0 50px}.button{padding:14px 22px;border-radius:12px;font-size:14px;font-weight:700}.button.primary{background:var(--navy);color:#fff}.button.primary:hover{background:var(--orange)}.button.ghost{border:1px solid #9bb4c8;color:var(--navy)}.hero-status{display:flex;gap:30px}.hero-status>div{display:flex;gap:10px;align-items:center}.hero-status b{font:700 12px Manrope;color:var(--orange)}.hero-status span{font-size:12px;color:#718196}.hero-status strong{display:block;color:var(--navy);font-size:13px}.orbit-stage{position:relative;height:min(600px,65vw);min-height:470px}.orbit{position:absolute;border:1px solid rgba(28,89,132,.25);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-12deg)}.orbit-a{width:75%;height:75%}.orbit-b{width:100%;height:50%;transform:translate(-50%,-50%) rotate(33deg)}.node{position:absolute;background:rgba(255,255,255,.94);box-shadow:0 18px 55px rgba(21,67,102,.14);border:1px solid rgba(255,255,255,.8);border-radius:18px;padding:18px 20px;min-width:150px}.node span,.node small{display:block}.node span{font:700 9px Manrope;letter-spacing:.15em;color:var(--orange)}.node strong{font:800 16px Manrope;color:var(--navy)}.node small{font-size:11px;color:#77889a;margin-top:4px}.node-core{left:50%;top:50%;transform:translate(-50%,-50%);width:210px;height:210px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--navy);color:#fff;box-shadow:0 30px 70px rgba(7,27,53,.3);z-index:2}.node-core strong{font-size:42px;color:#fff}.node-core small{color:#a9c1d8}.node-cli{top:4%;left:39%}.node-enterprise{left:2%;top:57%}.node-physical{right:0;bottom:8%}.particle{position:absolute;width:9px;height:9px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 7px rgba(255,106,26,.12)}.p1{left:23%;top:25%}.p2{right:21%;top:36%}.p3{left:48%;bottom:7%}.section{padding:clamp(80px,10vw,150px) clamp(22px,7vw,110px)}.section-head{display:grid;grid-template-columns:1fr minmax(280px,500px);align-items:end;gap:60px;margin-bottom:60px}.section-head h2,.case-intro h2{font-size:clamp(34px,4.5vw,62px);line-height:1.16;letter-spacing:-.045em;color:var(--navy);margin:0}.section-head>p{line-height:1.8;color:var(--muted);margin:0}.legend{display:flex;justify-content:flex-end;gap:20px;font-size:12px;color:#617286;margin-bottom:18px}.legend span{display:flex;align-items:center;gap:7px}.dot{width:8px;height:8px;border-radius:50%}.dot.verified{background:#22a77a}.dot.linked{background:#268bd6}.dot.target{background:#9aa8b5}.arch-canvas{max-width:1050px;margin:auto;background:var(--blue2);border:1px solid #cfe6f4;border-radius:30px;padding:clamp(24px,4vw,48px);box-shadow:var(--shadow)}.arch-inputs{display:grid;grid-template-columns:1fr 1fr;gap:18px}.arch-box{background:#fff;border:1px solid #cbddea;border-radius:16px;padding:20px;position:relative}.arch-box small,.domain small{font:700 9px Manrope;letter-spacing:.18em;color:#73879b;display:block;margin-bottom:6px}.arch-box strong{color:var(--navy);font-size:16px}.arch-box p{font-size:12px;color:#6f8294;margin:5px 0 0}.arch-box.compact{text-align:center}.connector.down{height:30px;width:1px;background:#6e94ae;margin:auto;position:relative}.connector.down:after{content:"";position:absolute;bottom:0;left:-3px;border:4px solid transparent;border-top-color:#6e94ae}.connector.accent{background:var(--orange)}.connector.accent:after{border-top-color:var(--orange)}.core-box{border:2px solid var(--orange);padding:28px 30px;background:var(--navy);color:#fff}.core-box .box-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mini-logo{width:34px;height:34px;border-radius:9px;background:var(--orange);display:grid;place-items:center;font:800 19px Manrope}.core-box small{color:#87a9c6}.core-box h3{font-size:clamp(19px,2vw,25px);margin:0 0 8px}.core-box p{color:#b4c8da;font-size:13px}.status-pill{display:inline-flex!important;width:max-content;padding:5px 9px;border-radius:20px;font-size:10px!important;font-weight:700!important;letter-spacing:0!important}.status-pill.verified{background:#e5f7f0;color:#14805d}.status-pill.linked{background:#e6f3fe;color:#1976b8}.status-pill.target{background:#edf1f4;color:#657786}.core-box .status-pill{background:rgba(255,255,255,.1);color:#d7e5ef}.aws-boundary{border:1px dashed #7b9cb4;border-radius:19px;padding:18px;background:rgba(255,255,255,.4)}.aws-title{display:flex;align-items:center;gap:10px;margin-bottom:14px;color:var(--navy);font-size:13px}.aws-title>span{font:800 12px Manrope;color:#fff;background:#ed8b00;border-radius:6px;padding:6px}.aws-title i{margin-left:auto;font-style:normal}.aws-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:12px}.aws-grid .wide{grid-column:1/-1}.arch-box.focus{border-color:#7ebce3}.arch-box .status-pill{margin-top:12px}.branch-line{height:45px;position:relative}.branch-line:before{content:"";position:absolute;left:25%;right:25%;top:20px;border-top:1px solid #7595ab}.branch-line:after{content:"";position:absolute;left:50%;height:20px;border-left:1px solid #7595ab}.branch-line span:before,.branch-line span:after{content:"";position:absolute;top:20px;height:25px;border-left:1px solid #7595ab}.branch-line span:before{left:25%}.branch-line span:after{right:25%}.domain-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.domain{background:#fff;border-radius:18px;padding:24px;border:1px solid #ccdfec;position:relative}.domain-num{position:absolute;right:20px;top:18px;font:800 30px Manrope;color:#e5edf3}.domain h3{color:var(--navy);margin:4px 0}.domain p{color:#6c8094;font-size:13px}.case-study{background:var(--navy);color:#fff;display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}.eyebrow.light{color:#9db5ca}.case-intro h2{color:#fff}.case-intro>p:last-child{color:#9db2c6;line-height:1.8;max-width:390px}.case-flow{border-top:1px solid rgba(255,255,255,.15)}.case-flow article{display:grid;grid-template-columns:30px 50px 1fr;gap:18px;padding:23px 0;border-bottom:1px solid rgba(255,255,255,.15);align-items:center}.case-flow article>b{font:700 11px Manrope;color:var(--orange)}.case-icon{width:42px;height:42px;border:1px solid #45617c;border-radius:50%;display:grid;place-items:center;color:#9ec0dc}.case-flow small{font-size:10px;color:#809ab1}.case-flow h3{font-size:18px;margin:3px 0}.case-flow p{font-size:12px;color:#9db1c3;margin:0}.case-note{grid-column:1/-1;border:1px solid #36516b;background:#0d2845;border-radius:14px;padding:16px 20px;display:flex;gap:18px;font-size:12px}.case-note strong{color:var(--orange);flex:none}.case-note span{color:#a9bccd}.projects{background:#f8fbfd}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{background:#fff;border:1px solid #d9e4eb;border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;min-height:620px;transition:.25s}.project-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.project-card.core-card{border-top:4px solid var(--orange)}.project-top{display:flex;justify-content:space-between;align-items:center}.project-index{font:700 10px Manrope;letter-spacing:.15em;color:#76899a}.project-symbol{width:78px;height:78px;border-radius:20px;background:var(--navy);color:#fff;display:flex;align-items:flex-end;padding:10px 12px;font:800 38px Manrope;margin:36px 0 24px}.project-symbol span{font-size:9px;color:var(--orange);margin:0 0 7px 2px}.enterprise-symbol{background:#ddf3ff;color:var(--navy)}.physical-symbol{background:#fff0e8;color:var(--orange)}.project-card h3{font-size:24px;color:var(--navy);margin-bottom:12px}.project-desc{font-size:14px;line-height:1.75;color:var(--muted);min-height:100px}.project-card dl{margin:10px 0 28px}.project-card dl div{display:grid;grid-template-columns:44px 1fr;border-top:1px solid #e5ecf1;padding:11px 0;font-size:12px}.project-card dt{font-weight:700;color:var(--orange)}.project-card dd{margin:0;color:#52677a}.project-card>a{margin-top:auto;font-size:13px;font-weight:700;color:var(--navy);display:flex;justify-content:space-between;border-bottom:1px solid #a9b9c6;padding-bottom:10px}.project-card>a span{color:var(--orange)}.sources{background:#fff}.source-list{border-top:2px solid var(--navy)}.source-row{display:grid;grid-template-columns:1.1fr 1fr 130px;gap:30px;align-items:center;padding:28px 10px;border-bottom:1px solid #dce5eb}.source-title{display:flex;gap:18px;align-items:flex-start}.source-title>span{font:700 12px Manrope;color:var(--orange)}.source-title small{font:600 10px Manrope;color:#7a8b9c;word-break:break-all}.source-title h3{font-size:20px;color:var(--navy);margin:5px 0}.source-state p{font-size:12px;line-height:1.6;color:#6d7f90;margin:8px 0 0}.download{border:0;border-radius:10px;padding:12px;background:#e9eef2;color:#8996a1;font:700 12px "Noto Sans KR";cursor:not-allowed}.verification-rule{margin-top:36px;padding:24px;border-radius:16px;background:var(--blue2);display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:center}.verification-rule>div{display:flex;align-items:center;gap:10px}.verification-rule>div span{width:28px;height:28px;background:var(--navy);color:#fff;border-radius:50%;display:grid;place-items:center;font-family:serif}.verification-rule p{margin:0;color:#607388;font-size:13px;line-height:1.7}footer{background:#06172d;color:#91a7ba;min-height:190px;padding:50px clamp(22px,7vw,110px);display:flex;align-items:center;gap:40px;font-size:12px}footer .inverse{color:#fff}footer p{margin:0 auto 0 0;font:600 14px Manrope;letter-spacing:.04em}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
.project-card.core-card{border-top:1px solid #d9e4eb}
@media(max-width:900px){.site-header{height:68px}.site-header nav{display:none;position:absolute;left:18px;right:18px;top:76px;background:#fff;padding:18px;border-radius:15px;box-shadow:var(--shadow);flex-direction:column}.site-header nav.open{display:flex}.menu-button{display:block;margin-left:auto;border:1px solid #cbd9e3;background:#fff;border-radius:8px;padding:7px 10px}.header-cta{display:none}.hero{min-height:auto;grid-template-columns:1fr;padding-top:80px}.orbit-stage{height:520px}.section-head{grid-template-columns:1fr;gap:24px}.case-study{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.project-card{min-height:auto}.source-row{grid-template-columns:1fr}.source-row .download{width:140px}.verification-rule{grid-template-columns:1fr}}
@media(max-width:600px){.hero h1{font-size:43px}.hero-lead br{display:none}.hero-status{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hero-status>div{min-width:0;align-items:flex-start}.hero-status b{font-size:10px}.hero-status span{font-size:9px}.hero-status strong{font-size:11px}.orbit-stage{height:420px;min-height:420px;margin:20px -30px 0}.node-core{width:155px;height:155px}.node-core strong{font-size:32px}.node{min-width:120px;padding:13px}.node strong{font-size:12px}.node-cli{left:36%}.node-enterprise{left:4%}.node-physical{right:4%}.arch-inputs,.aws-grid,.domain-grid{grid-template-columns:1fr}.aws-grid .wide{grid-column:auto}.branch-line{display:none}.domain-grid{margin-top:18px}.legend{justify-content:flex-start;flex-wrap:wrap}.case-note{flex-direction:column;gap:6px}.source-title{flex-direction:column;gap:5px}footer{flex-wrap:wrap;gap:20px}footer p{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}