*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07090d;color:#f5f6f8;font-family:Inter,Arial,"Noto Sans KR",sans-serif}a{text-decoration:none;color:inherit}header{height:78px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:fixed;z-index:50;width:100%;background:#07090dd9;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:800}.brand small{display:block;font-size:7px;letter-spacing:1.6px;color:#6f7b8a;margin-top:2px}.logo{width:42px;height:42px;display:grid;place-items:center;border:1px solid #d8a842;border-radius:12px;color:#e6b94f;box-shadow:inset 0 0 20px #d6a43b18}header nav{display:flex;gap:31px;font-size:13px;color:#aab4c1}header nav a:hover{color:#e1b44e}.actions{display:flex;gap:7px}.actions button{background:#ffffff08;border:1px solid #ffffff1a;color:#fff;border-radius:8px;padding:9px 12px;cursor:pointer}#menu{display:none}.hero{min-height:790px;padding:145px 7vw 80px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 45%,#12365b88 0,transparent 30%),linear-gradient(120deg,#07090d,#0a1019)}.mesh{position:absolute;inset:0;background-image:linear-gradient(#6c91b714 1px,transparent 1px),linear-gradient(90deg,#6c91b714 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent);opacity:.5}.heroText{position:relative;z-index:3}.kicker,.eyebrow{font-size:11px;letter-spacing:3px;color:#d8a842;font-weight:800;margin-bottom:24px}.hero h1{font-size:clamp(65px,8vw,120px);line-height:.83;letter-spacing:-6px;margin:0 0 35px}.hero h1 span,h2 span{background:linear-gradient(90deg,#f5f6f8,#6d89a8);-webkit-background-clip:text;color:transparent}.hero p{max-width:650px;color:#98a5b6;line-height:1.8;font-size:16px}.buttons{display:flex;gap:11px;margin-top:34px}.buttons a{padding:15px 21px;border-radius:8px;font-size:13px;font-weight:800}.gold{background:#d5a23b;color:#07090d}.ghost{border:1px solid #ffffff20;background:#ffffff08}.visual{height:520px;position:relative;display:grid;place-items:center}.rings{position:absolute;border-radius:50%;border:1px solid #5c88b755}.r1{width:420px;height:420px;box-shadow:0 0 100px #2468a52b,inset 0 0 80px #153a6033}.r2{width:290px;height:290px;border-color:#d5a23b44}.core{width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,#14253a,#090e15 65%);border:1px solid #d5a23b55;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 55px #d5a23b1f;z-index:2}.core span{font-size:72px;font-weight:900;color:#dfb04a;letter-spacing:-7px}.core small{font-size:11px;letter-spacing:7px;color:#8392a5}.node{position:absolute;width:11px;height:11px;border-radius:50%;background:#d8a842;box-shadow:0 0 18px #d8a842}.n1{top:85px;left:25%}.n2{right:14%;top:48%}.n3{bottom:75px;left:36%}.system{position:absolute;bottom:18px;color:#71859b;font-size:9px;letter-spacing:2px}.system::first-letter{color:#56d58c}.ticker{min-height:70px;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap;padding:15px 4vw;color:#78889a;font-size:10px;letter-spacing:1.5px}.ticker i{font-style:normal;color:#c99b3d}.section{padding:110px 7vw}.titleRow{display:grid;grid-template-columns:1fr .55fr;gap:7vw;align-items:end}.titleRow>p{color:#8997a8;line-height:1.8;max-width:420px}h2{font-size:clamp(43px,5.5vw,74px);line-height:1.02;letter-spacing:-4px;margin:0 0 48px}.cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff16;border-left:1px solid #ffffff16}.cards article{min-height:330px;padding:36px;position:relative;border-right:1px solid #ffffff16;border-bottom:1px solid #ffffff16;background:#090d13;transition:.25s}.cards article:hover{background:#0d1621;transform:translateY(-2px)}.cards article>b{position:absolute;right:25px;top:23px;color:#4f5b69;font-size:10px}.ico{font-size:31px;color:#d7a641;margin-bottom:47px}.cards h3{font-size:20px}.cards p{color:#8895a5;line-height:1.75;font-size:13px;min-height:70px}.cards article>span{display:inline-block;margin-top:20px;color:#647486;font-size:9px;letter-spacing:1.4px}.darkSection{background:#0a0f16}.productGrid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff17;margin-top:55px}.productGrid>div{padding:28px 22px;border-right:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.productGrid strong{color:#d4a23e;font-size:10px}.productGrid h3{font-size:17px;margin:28px 0 8px}.productGrid p{font-size:11px;color:#758397;line-height:1.6}.technology{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.techList{display:flex;flex-wrap:wrap;gap:9px}.techList span,.chips span{padding:12px 16px;border:1px solid #ffffff18;border-radius:30px;background:#ffffff07;color:#a6b2c1;font-size:11px}.company{background:linear-gradient(120deg,#090d14,#101b29)}.companyGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw}.companyGrid p,.contact p{color:#929fb0;line-height:1.9}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.contact{display:grid;grid-template-columns:1fr .75fr;gap:8vw;align-items:end}.contact p{max-width:600px}.contactBtn{height:95px;padding:0 27px;display:flex;align-items:center;justify-content:space-between;background:#d5a23b;color:#080a0d;border-radius:11px;font-weight:800}.contactBtn b{font-size:28px}footer{padding:65px 7vw 35px;border-top:1px solid #ffffff12;background:#05070a}.footerTop{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.footerTop>div>p{max-width:340px;color:#6f7b8a;font-size:12px;line-height:1.7;margin-top:25px}.footCols{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.footCols h4{font-size:13px;color:#d9aa42;margin:0 0 20px}.footCols a{display:block;color:#8793a3;font-size:11px;margin:12px 0}.legal{border-top:1px solid #ffffff12;margin-top:50px;padding-top:25px;display:flex;justify-content:space-between;gap:20px;color:#687483;font-size:10px}.legal div{display:flex;gap:20px}.disclaimer{font-size:9px;color:#4f5966;line-height:1.7;margin-top:25px;max-width:1200px}
@media(max-width:900px){header{height:68px;padding:0 20px}header nav{display:none;position:absolute;top:68px;left:0;right:0;padding:25px;background:#080b10;flex-direction:column}header nav.open{display:flex}#menu{display:block}.hero{min-height:auto;padding:120px 22px 65px;grid-template-columns:1fr}.hero h1{font-size:65px;letter-spacing:-4px}.visual{height:410px}.r1{width:330px;height:330px}.r2{width:235px;height:235px}.core{width:155px;height:155px}.core span{font-size:58px}.section{padding:75px 22px}.titleRow,.technology,.companyGrid,.contact,.footerTop{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.productGrid{grid-template-columns:1fr 1fr}.footCols{margin-top:30px}.contactBtn{width:100%}}@media(max-width:560px){.hero h1{font-size:54px}.buttons{flex-direction:column}.buttons a{text-align:center}.visual{height:350px}.r1{width:285px;height:285px}.r2{width:205px;height:205px}.cards,.productGrid{grid-template-columns:1fr}.cards article{min-height:280px}.footCols{grid-template-columns:1fr 1fr}.legal{flex-direction:column}.legal div{flex-wrap:wrap}h2{font-size:41px;letter-spacing:-2px}.ticker{justify-content:flex-start;overflow:hidden;flex-wrap:nowrap;white-space:nowrap}}
/* V3: actual IG TECH branding + clean rotating four-service hero */
.brandLogo{width:50px;height:50px;object-fit:contain;border-radius:10px}
.brandText{display:block}
.heroLogo{position:absolute;z-index:6;width:205px;height:205px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#15263a,#080d14 68%);border:1px solid #d5a23b55;box-shadow:0 0 65px #1c6cad35,inset 0 0 45px #d5a23b14}
.heroLogo img{width:84%;height:84%;object-fit:contain;border-radius:50%}
.orbit{position:absolute;border-radius:50%;border:1px solid #6389b54f;box-shadow:0 0 50px #226aa42b}
.orbit1{width:430px;height:430px}.orbit2{width:315px;height:315px;border-color:#d5a23b38}
.serviceWheel{position:absolute;width:430px;height:430px;animation:spinWheel 24s linear infinite;z-index:4}
.serviceNode{position:absolute;width:122px;height:82px;border:1px solid #ffffff1d;border-radius:15px;background:linear-gradient(145deg,#122035ed,#090e17ed);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;box-shadow:0 12px 35px #0008}
.serviceNode .nodeIcon{color:#e0ad42;font-weight:900;font-size:22px;line-height:1}.serviceNode span{font-size:10px;color:#c2ccda;white-space:nowrap}
.node1{top:-24px;left:154px}.node2{right:-42px;top:174px}.node3{bottom:-24px;left:154px}.node4{left:-42px;top:174px}
.serviceNode>*{animation:counterSpin 24s linear infinite}
@keyframes spinWheel{to{transform:rotate(360deg)}}@keyframes counterSpin{to{transform:rotate(-360deg)}}
.visual:hover .serviceWheel,.visual:hover .serviceNode>*{animation-play-state:paused}
@media(max-width:900px){.brandLogo{width:43px;height:43px}.serviceWheel,.orbit1{width:330px;height:330px}.orbit2{width:245px;height:245px}.heroLogo{width:165px;height:165px}.node1{top:-22px;left:108px}.node2{right:-38px;top:124px}.node3{bottom:-22px;left:108px}.node4{left:-38px;top:124px}.serviceNode{width:114px;height:74px}}
@media(max-width:560px){.brandText small{display:none}.serviceWheel,.orbit1{width:285px;height:285px}.orbit2{width:210px;height:210px}.heroLogo{width:145px;height:145px}.node1{top:-20px;left:89px}.node2{right:-30px;top:105px}.node3{bottom:-20px;left:89px}.node4{left:-30px;top:105px}.serviceNode{width:106px;height:68px}.serviceNode span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.serviceWheel,.serviceNode>*{animation:none}}

/* V3.1 logo sizing fix */
header .brand{height:68px;overflow:hidden;flex-shrink:0}
header .brand .brandLogo{display:block!important;width:44px!important;height:44px!important;max-width:44px!important;max-height:44px!important;object-fit:contain!important;flex:0 0 44px!important}
footer .brand .brandLogo{display:block!important;width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important;object-fit:contain!important}
.heroLogo img{display:block!important;width:150px!important;height:150px!important;max-width:150px!important;max-height:150px!important;object-fit:contain!important}
@media(max-width:560px){
 header .brand .brandLogo{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important;flex-basis:38px!important}
 .heroLogo img{width:108px!important;height:108px!important;max-width:108px!important;max-height:108px!important}
}