.hero{position:relative;isolation:isolate;max-width:none;padding-inline:max(5.5%,calc((100% - 1424px)/2))}
.intro{background-color:#eaf1f7;background-image:linear-gradient(90deg,#f5f8fcf7 0%,#eaf2f9e6 40%,#dceaf5b8 75%,#cfe3f2a6 100%),linear-gradient(0deg,#eaf1f7b3 0%,#eaf1f700 35%,#eaf1f700 80%,#f5f8fc66 100%);background-size:cover;background-position:center,center,center 48%;background-repeat:no-repeat}
@media(max-width:700px){.intro{background-image:linear-gradient(90deg,#f5f8fcf5 0%,#eaf2f9e6 60%,#dceaf5cc 100%),linear-gradient(0deg,#eaf1f7b3,transparent 45%);background-position:center,center,60% center}}
@media(max-width:700px){.hero{padding-inline:6%}}
.hero-idc-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,#f8fbfef7 0%,#eef6fce8 33%,#dceefac4 63%,#c4e1f4b3 100%),linear-gradient(0deg,#fafafa 0%,#fafafa00 24%,#fafafa00 78%,#edf6fc80 100%);background-size:cover;background-position:center,right center,right center;background-repeat:no-repeat}
@media(max-width:700px){.hero-idc-backdrop{background-image:linear-gradient(180deg,#f5f9fdf5 0%,#e8f3fbe6 43%,#d3e9f7cc 70%,#fafafa 100%);background-position:center,60% center}}
.visual.brand-visual{height:470px;display:flex;align-items:center;justify-content:center;overflow:visible;background:none;filter:none}
.hero-art-float{width:100%;mix-blend-mode:multiply;translate:0 -40px}
.hero-brand-image{display:block;width:100%;height:auto;mix-blend-mode:multiply;transform:scale(1);transform-origin:center;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.service-orbit{position:relative;width:100%;aspect-ratio:3/2;container-type:inline-size;transform:scale(1.08);transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.service-orbit-circle{position:absolute;left:24.7%;top:12%;width:50.6%;aspect-ratio:1;border:1px solid #bcbcbc;border-radius:50%;transform:scale(1);transform-origin:center;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.service-orbit-circle::before,.service-orbit-circle::after{content:'';position:absolute;inset:-2.5px;border-radius:50%;padding:2.8px;background:conic-gradient(from 0deg,transparent 0deg 255deg,#60a5fa30 275deg,#9b8aee 305deg,#40cdb0 330deg,#38bdf8 349deg,#d9f8f0 357deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:iamnet-orbit-light 9s linear infinite;pointer-events:none;opacity:.95;transition:opacity .35s ease}
.service-orbit-circle::after{inset:-5px;padding:6px;filter:blur(5px);opacity:.42}
@keyframes iamnet-orbit-light{to{transform:rotate(360deg)}}
@media(hover:hover){.brand-visual:hover .service-orbit-circle::before{opacity:1}.brand-visual:hover .service-orbit-circle::after{opacity:.7}}
.hero-core{position:absolute;inset:0;pointer-events:none;transform:scale(1);transform-origin:50% 50%;transition:transform .5s cubic-bezier(.2,.7,.2,1)}





.hero-logo-layer,.hero-tagline-image{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.hero-logo-layer{clip-path:inset(30% 34% 31% 34%)}
.hero-logo-hover{position:absolute;left:34%;top:30%;width:32%;height:39%;pointer-events:auto}
.hero-tagline{position:absolute;left:50%;top:90%;width:max-content;max-width:78%;display:flex;align-items:center;gap:.5cqw;color:#444;font-family:'Malgun Gothic','맑은 고딕',Arial,sans-serif;font-size:1.95cqw;line-height:1.4;animation:none;translate:-50% 0;transform:scale(1);transform-origin:center bottom;transition:top .5s cubic-bezier(.2,.7,.2,1),transform .5s cubic-bezier(.2,.7,.2,1)}
.hero-tagline-mark{flex:0 0 3.3cqw;aspect-ratio:1;background-image:url('assets/iamnet-services-hero.png');background-size:3035.294% 2023.529%;background-position:11.122% 98.777%}
.hero-tagline-copy{display:block;white-space:normal;font-family:'Malgun Gothic','맑은 고딕',Arial,sans-serif;font-weight:400;transition:color .3s ease}
.service-orbit-label{position:absolute;left:var(--label-x);top:var(--label-y);white-space:nowrap;background:transparent;padding:1px 3px;color:var(--label-color,#111);font-family:'Malgun Gothic','맑은 고딕',Arial,sans-serif;font-weight:800;font-size:clamp(14.3px,1.82vw,28.6px);font-size:4.355cqw;line-height:1.2;letter-spacing:-.035em;animation:iamnet-label-drift var(--label-duration) ease-in-out var(--label-delay) infinite;will-change:transform}
.service-orbit-label{-webkit-text-stroke:.18px currentColor;transition:left .5s cubic-bezier(.2,.7,.2,1),top .5s cubic-bezier(.2,.7,.2,1)}
.service-orbit-label.orbit-label-small{font-size:clamp(11.7px,1.235vw,19.5px);font-size:2.795cqw;font-weight:700}
.orbit-word{display:inline-block;background:transparent;translate:var(--push-x,0px) var(--push-y,0px);transform:scale(1);transform-origin:center;transition:translate .35s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.2,.7,.2,1),text-shadow .3s ease,color .3s ease}
@keyframes iamnet-label-drift{0%,100%{transform:translate3d(0,0,0) rotate(-.2deg)}25%{transform:translate3d(calc(var(--label-drift-x)*.6),calc(var(--label-drift-y)*-.65),0) rotate(.3deg)}50%{transform:translate3d(calc(var(--label-drift-x)*.7),calc(var(--label-drift-y)*.65),0) rotate(-.3deg)}75%{transform:translate3d(calc(var(--label-drift-x)*-.7),calc(var(--label-drift-y)*.25),0) rotate(.2deg)}}
@media(hover:hover){.service-orbit-label:hover{animation-play-state:paused;z-index:2}.service-orbit-label:hover .orbit-word{transform:translateY(-2px) scale(1.5);text-shadow:0 4px 14px color-mix(in srgb,currentColor 20%,transparent)}}
@media(hover:hover){.hero-core:has(.hero-logo-hover:hover) .hero-logo-layer{transform:scale(1.3)}.hero-core:has(.hero-logo-hover:hover) .service-orbit-circle{transform:scale(1.3)}}
@media(max-width:1000px){.visual.brand-visual{height:380px}}
@media(max-width:700px){.visual.brand-visual{height:auto;min-height:285px;padding:24px 0;margin-top:20px}.hero-art-float{width:100%;translate:0 -12px}.service-orbit{transform:scale(1.02)}}
@media(max-width:700px){.service-orbit-label:nth-of-type(7),.service-orbit-label:nth-of-type(9){max-width:28%;white-space:normal}}
@media(prefers-reduced-motion:reduce){.service-orbit-label,.hero-tagline{animation:none;will-change:auto}.hero-brand-image,.hero-core,.service-orbit,.orbit-word,.service-orbit-label,.hero-tagline,.hero-tagline-copy{transition:none}.orbit-word{translate:none}.service-orbit-label:hover .orbit-word{transform:none}}
@media(prefers-reduced-motion:reduce){.service-orbit-circle::before,.service-orbit-circle::after{animation:none;transition:none}}
@media(prefers-reduced-motion:reduce){.hero-core:has(.hero-logo-hover:hover) .hero-logo-layer,.hero-core:has(.hero-logo-hover:hover) .service-orbit-circle,.hero-tagline:hover{transform:scale(1)}}

.hero h1{color:#000}
:root{color-scheme:light}
@media(prefers-color-scheme:dark){
 :root{color-scheme:dark;--ink:#edf3f8;--muted:#b4c0cc;--line:#344354;--paper:#111923;--mint:#23384b;--green:#8fc9f2}
 body{background:var(--paper);color:var(--ink)}
 header{background:#111923f2}
 nav a:hover,nav a.active{color:#99d0f7}
 .logo{background:#f7f9fc;border-radius:6px}
 .hero h1{color:#f5f8fc}.hero h1 em{color:#b8d9ef}
 .hero-idc-backdrop{background-image:linear-gradient(90deg,#111923fa 0%,#152638eb 38%,#17364bd6 100%),linear-gradient(0deg,#111923 0%,#11192300 35%)}
 .intro{background-color:#182b3c;background-image:linear-gradient(90deg,#152332f5 0%,#1c3449e6 50%,#234760cc 100%),linear-gradient(0deg,#182b3c99,transparent 45%)}
 .hero-art-float{mix-blend-mode:normal}.service-orbit-circle{background:#edf3f8;border-color:#8da9c1}.hero-logo-layer{mix-blend-mode:multiply}.hero-tagline{color:#c4d3df}.hero-tagline-mark{background-color:#edf3f8;border-radius:2px}
 .hero-bottom,.card-top,.card-link,.breadcrumbs,.process-grid small,.library-type,.library-meta,.library-count,.article-meta,.footer-bottom{color:var(--muted)}
 .eyebrow:before{background:#8fc9f2}.icon{color:#99c9ec}
 .services,.feature-list article,.form,.library-card{background:#17222e}
 .selector,.company-data{background:#1c3042}.selector .eyebrow,.selector p,.company-data dt{color:#c0d3e2}.selector-links a{border-color:#3c5468}
 .contact-banner,.info-box,.related-section,.original-notice,.result{background:#1d2b3a}.contact-banner p,.original-notice{color:var(--muted)}
 .process-grid article,.tags span,.article-menu a,.article-meta,.article-bottom{border-color:var(--line)}
 .service-card:hover,.service-card:focus-visible,.library-card:hover,.library-card:focus-visible{background:#203b51;border-color:#507fa1;box-shadow:inset 0 0 0 1px #507fa1}
 .service-card:hover h3,.service-card:focus-visible h3,.service-card:hover .card-link,.service-card:focus-visible .card-link,.library-card:hover h3,.library-card:focus-visible h3,.library-card:hover .library-meta,.library-card:focus-visible .library-meta{color:#c4e6ff}
 .btn,.btn.lime,.header-contact{background:#3984b4;border-color:#3984b4;color:#fff}.btn:hover,.btn.lime:hover,.header-contact:hover{background:#236fa4;border-color:#75b1db}
 .btn.light,.filter,.pagination button{background:#20394e;border-color:#466981;color:#c4e6ff}.btn.light:hover,.filter:hover,.pagination button:hover{background:#2b4c66;color:#e8f5ff}
 .filter.selected,.filter.selected:hover,.pagination button[aria-current]{background:#287cb5;border-color:#6cabd6;color:#fff}
 .detail-aside a:hover,.article-menu a:hover{background:#20394e;color:#c4e6ff}.detail-aside a.active[aria-current="page"]{background:#203b51;border-left-color:#82c4f2;color:#c4e6ff}
 .field input,.field select,.field textarea,.library-search input,.library-controls select,.result textarea{background:#111d29;border-color:#4b5d70;color:var(--ink)}
 input::placeholder,textarea::placeholder{color:#9eadbd;opacity:1}
 #inquiry-result[data-state="success"]{background:#203b51;color:#c4e6ff}#inquiry-result[data-state="error"]{background:#482a2b;color:#ffc9c2}
 .original-content,.original-content a,.original-business p{color:#c9d3df}.original-content h1,.original-content h2,.original-content h3,.original-content h4,.original-content h5,.original-content h6{color:#edf3f8}
 .original-content td,.original-content th{border-color:#46586a}.original-content th,.original-content .original-embed,.missing-photo{background:#213141;color:#c9d3df}.original-content blockquote{border-color:#6e9ab9}
 .library-image,.service-photo{background:#f3f6fa;color:#526274}.no-photo{color:#526274}
 footer{background:#0d151f}.footer-top,.footer-bottom{border-color:var(--line)}
 .skip{background:#203b51;color:#fff}
 a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:#8ccaf6}
 @media(max-width:700px){.hero-idc-backdrop{background-image:linear-gradient(180deg,#111923f5 0%,#19394be6 60%,#111923 100%)}}
}

.business-data .business-info-columns{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:28px}
.business-data .original-content{color:#e5e9ed}
.business-data .original-content h3{color:#fff;font-size:19px;line-height:1.5;margin:0 0 18px}
.business-data .original-content p{color:#e5e9ed;font-size:14px;line-height:1.95;margin:0}
.business-data .original-content a{color:inherit}
.business-data .business-info-columns>section+section{border-left:1px solid #ffffff30;padding-left:40px}
@media(max-width:700px){.business-data .business-info-columns{grid-template-columns:1fr;gap:28px}.business-data .business-info-columns>section+section{border-left:0;border-top:1px solid #ffffff30;padding-left:0;padding-top:28px}}

.hero-bottom{justify-content:center;align-items:center;gap:0}
.hero-bottom>div{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;margin:0}
.hero-bottom>div>span{white-space:nowrap;font-size:12px;line-height:1.6;letter-spacing:.04em;padding:0 30px}
.hero-bottom>div>span+span{border-left:1px solid var(--line)}
@media(max-width:700px){.hero-bottom{padding:20px 0}.hero-bottom>div>span{font-size:clamp(8px,2.3vw,11px);letter-spacing:0;padding:0 clamp(5px,2vw,14px)}}

@media(max-width:700px){.hero-bottom>div{flex-wrap:wrap;row-gap:10px}.hero-bottom>div>span:first-child{flex-basis:100%;text-align:center}.hero-bottom>div>span:nth-child(2){border-left:0}}

.hero-tagline{gap:1cqw;pointer-events:auto}
.hero-tagline-copy{--tagline-ink:#333;--tagline-glow:#fff;line-height:1.65;color:var(--tagline-ink)}
.hero-tagline-copy strong{font-weight:800;color:#000}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 .hero-tagline-copy,.hero-tagline-copy strong{background-image:linear-gradient(110deg,var(--tagline-ink) 0%,var(--tagline-ink) 35%,#8c8c8c 44%,var(--tagline-glow) 50%,#8c8c8c 56%,var(--tagline-ink) 65%,var(--tagline-ink) 100%);background-size:200% 100%;background-position:110% 0;background-clip:text;-webkit-background-clip:text;color:transparent;animation:shared-shimmer 10s linear infinite}
 .hero-tagline-copy strong{--tagline-ink:#000}
}
@keyframes shared-shimmer{0%,10%{background-position:110% 0}85%,100%{background-position:-10% 0}}
@media(prefers-color-scheme:dark){.hero-tagline-copy{--tagline-ink:#c4d3df;--tagline-glow:#fff}.hero-tagline-copy strong{--tagline-ink:#f5f8fc;color:#f5f8fc}@supports ((background-clip:text) or (-webkit-background-clip:text)){.hero-tagline-copy strong{color:transparent}}}
@media(prefers-reduced-motion:reduce){.hero-tagline-copy,.hero-tagline-copy strong{animation:none;background:none;color:var(--tagline-ink)}}

.hero-tagline{font-size:2.24cqw}
.hero-tagline-mark{flex-basis:3.8cqw}
.hero-core::after{content:'';position:absolute;inset:30% 34% 31% 34%;pointer-events:none;background-image:linear-gradient(110deg,transparent 0%,transparent 45%,#ffffff18 48%,#ffffff80 50%,#ffffff18 52%,transparent 55%,transparent 100%);background-size:200% 100%;background-position:110% 0;mix-blend-mode:screen;animation:shared-shimmer 10s linear infinite;transform:scale(1);transform-origin:50% 51.282%;transition:transform .5s cubic-bezier(.2,.7,.2,1)}

@media(hover:hover){.hero-core:has(.hero-logo-hover:hover)::after{transform:scale(1.3)}}
@media(prefers-reduced-motion:reduce){.hero-core::after{display:none;animation:none;transition:none}}

.service-card .service-photo{position:relative;height:auto;aspect-ratio:16/9;overflow:hidden;background:#dce7ef}
.service-card .service-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;object-fit:cover;object-position:center;filter:saturate(.82)}
.service-card .service-photo::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#8eb3cd12,#244a681c)}

.service-card .service-photo[data-service="idc"] img{object-position:50% 45%}
.service-card .service-photo[data-service="server"] img{object-position:50% 48%}
.service-card .service-photo[data-service="security"] img{object-position:50% 42%}
.service-card .service-photo[data-service="network"] img{object-position:50% 32%}
.service-card .service-photo[data-service="vpn"] img{object-position:left center}
.service-card .service-photo[data-service="global"] img{object-position:center 40%;transform:scale(2);transform-origin:right center}
/* Keep the document scroll rail consistent when changing routes and window sizes. */
html{overflow-y:scroll;scrollbar-gutter:stable}

.hero-bottom>div>span{padding-inline:clamp(12px,1.8vw,26px)}
@media(max-width:1000px) and (min-width:701px){.hero-bottom>div>span{padding-inline:10px;font-size:10px}}
@media(max-width:700px){.hero-bottom>div>span{padding-inline:clamp(4px,1.35vw,9px);font-size:clamp(7px,2.1vw,10px)}}


.footer-tagline{margin:0 0 24px;font-size:13px;line-height:1.8;font-weight:400;color:var(--muted)}
.service-card .service-photo[data-service="network"]{background:#fff}
.service-card .service-photo[data-service="network"] img{object-fit:contain;object-position:center;padding:clamp(22px,3vw,40px);filter:none;transform:none}
.service-card .service-photo[data-service="network"]::after{display:none}

.footer-tagline{display:flex;align-items:center;gap:9px}
.footer-tagline-mark{display:block;flex:0 0 20px;width:20px;height:20px;background-image:url('assets/iamnet-services-hero.png');background-size:3035.294% 2023.529%;background-position:11.122% 98.777%}
@media(prefers-color-scheme:dark){.footer-tagline-mark{background-color:#edf3f8;border-radius:2px}}

.footer-info{padding-bottom:12px}

.hero-idc-backdrop{display:none}
.hero{background:transparent}

/* Unified button colors; existing motion and press feedback are preserved. */
body .btn,body .btn.light,body .btn.lime,body .header-contact,body .filter,body .filter.selected,body .pagination button,body .ipb-service-visit{background:#3984b4;border-color:#3984b4;color:#fff}
body .btn:hover,body .btn.light:hover,body .btn.lime:hover,body .header-contact:hover,body .filter:hover,body .filter.selected:hover,body .pagination button:hover,body .ipb-service-banner:hover .ipb-service-visit,body .btn:focus-visible,body .header-contact:focus-visible,body .filter:focus-visible,body .pagination button:focus-visible{background:#fff;border-color:#bfd5e5;color:#205674}
body .filter.selected,body .pagination button[aria-current]{outline:2px solid #205674;outline-offset:2px}
@media(prefers-color-scheme:dark){.service-orbit-label{color:#dedede}.service-orbit-label:nth-child(even){color:#a9a9a9}}