*{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}
}

/* IG TECH V4 */
body{background:#09111d} header{background:rgba(7,14,24,.88);box-shadow:0 8px 30px #0004}
.hero{background:radial-gradient(circle at 79% 42%,#194f805c 0,transparent 29%),radial-gradient(circle at 52% 15%,#163b5b35 0,transparent 31%),linear-gradient(125deg,#09111c 0%,#0b1726 54%,#0d2136 100%)}
.mesh{opacity:.75}.cards{align-items:stretch}.cards article{height:345px;min-height:345px;background:linear-gradient(145deg,#0d1825,#0a111c);box-shadow:inset 0 1px #ffffff08}.cards article:hover{background:linear-gradient(145deg,#12263b,#0d1826);box-shadow:inset 0 1px #ffffff14,0 16px 45px #0005}.cards h3{min-height:48px}.cards p{min-height:92px}
.darkSection{background:linear-gradient(135deg,#0b1725,#0d1c2c)}.productGrid>div{min-height:150px;background:#ffffff03}.productGrid>div:hover{background:#ffffff07}.technology{background:linear-gradient(115deg,#0b1420,#0d2033)}.company{background:linear-gradient(120deg,#0d1928,#12304a)}.contact{background:linear-gradient(120deg,#0b1725,#102a43)}footer{background:#07101a}
header .brand .brandLogo{width:52px!important;height:52px!important;max-width:52px!important;max-height:52px!important;flex-basis:52px!important}
.serviceNode{width:138px;height:96px;border:1px solid #ffffff2b;border-radius:19px;background:linear-gradient(145deg,#172a40,#0a111c 62%,#101b2a);box-shadow:0 18px 38px #0009,inset 0 1px 1px #ffffff26,inset 0 -2px 8px #0008;transform-style:preserve-3d}
.serviceNode:before{content:"";position:absolute;inset:5px;border-radius:15px;border:1px solid #d7a84228;pointer-events:none}.serviceNode .nodeIcon{font-size:32px;color:#f0bb45;text-shadow:0 2px 0 #6e4700,0 0 18px #e7aa2c80;filter:drop-shadow(0 5px 5px #000)}.serviceNode span{font-size:11px;font-weight:800;color:#e6edf7}
.node1{top:-30px;left:146px}.node2{right:-52px;top:167px}.node3{bottom:-30px;left:146px}.node4{left:-52px;top:167px}
.heroLogo{background:radial-gradient(circle,#183552,#0a121d 67%);box-shadow:0 0 75px #2c83c747,inset 0 0 45px #d5a23b1c}.orbit1{border-color:#62a9e16b;box-shadow:0 0 75px #267db23d}.orbit2{border-color:#e0ad4257}
@media(max-width:900px){.cards article{height:330px;min-height:330px}.serviceNode{width:122px;height:84px}.node1,.node3{left:104px}.node2{right:-43px}.node4{left:-43px}}
@media(max-width:560px){header .brand .brandLogo{width:44px!important;height:44px!important;max-width:44px!important;max-height:44px!important;flex-basis:44px!important}.cards article{height:300px;min-height:300px}.cards h3,.cards p{min-height:auto}.serviceNode{width:108px;height:75px}.serviceNode .nodeIcon{font-size:26px}.node1,.node3{left:88px}.node2{right:-32px}.node4{left:-32px}}

/* V4.1 live demos */
.demoSection{background:linear-gradient(135deg,#0c1b2b,#102b43)}
.demoGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px}
.demoCard{min-height:430px;padding:22px;border:1px solid #ffffff1b;border-radius:20px;background:linear-gradient(145deg,#13283d,#0a1421);position:relative;overflow:hidden;transition:.25s;box-shadow:inset 0 1px #ffffff0d}
.demoCard:hover{transform:translateY(-5px);border-color:#d7aa426b;box-shadow:0 20px 55px #0005,inset 0 1px #ffffff1c}
.demoCard.featured{background:linear-gradient(145deg,#17344f,#0b1725)}
.demoBadge{position:absolute;top:35px;left:35px;z-index:2;padding:7px 10px;border-radius:20px;background:#07101abf;border:1px solid #d7aa424a;color:#e2b14a;font-size:9px;letter-spacing:1.3px}
.demoVisual{height:210px;border-radius:15px;display:grid;place-items:center;margin-bottom:25px;background:radial-gradient(circle,#1e537a,#091421 68%);border:1px solid #ffffff13;color:#e5b24b;font-weight:900;box-shadow:inset 0 0 55px #2c82ba25}
.demoVisual.casino{font-size:34px;letter-spacing:5px}.demoVisual.piano{font-size:78px}.demoVisual.wheel{font-size:90px}
.demoCard h3{font-size:20px;margin:0 0 10px}.demoCard p{min-height:60px;color:#91a4b7;font-size:13px;line-height:1.7}.demoCard>span{color:#e0ad43;font-size:10px;font-weight:800;letter-spacing:1.1px}
.demoNotice{text-align:center;margin-top:25px;color:#718499;font-size:9px;letter-spacing:1.8px}
@media(max-width:800px){.demoGrid{grid-template-columns:1fr}.demoCard{min-height:auto}.demoCard p{min-height:auto}}

.demoVisual.gameIcon{font-size:64px;letter-spacing:2px}.demoVisual.liveSite{font-size:25px;letter-spacing:3px;text-align:center;padding:18px}.demoGrid .demoCard{height:100%}

/* IG TECH service image cards */
.serviceCards article{height:430px!important;min-height:430px!important;padding:24px!important;cursor:pointer;overflow:hidden}.cardPhoto{width:100%;height:150px;object-fit:contain;background:#05080d;border:1px solid #ffffff12;border-radius:13px;padding:10px;margin:12px 0 14px}.serviceCards h3{margin:4px 0 10px;min-height:auto}.serviceCards p{min-height:72px;margin:0}.serviceCards article>span{margin-top:10px}.productCards{gap:0}.productCards>a{padding:20px;border-right:1px solid #ffffff12;border-bottom:1px solid #ffffff12;min-height:315px;background:#ffffff03;transition:.2s;display:block}.productCards>a:hover{background:#ffffff08;transform:translateY(-2px)}.productCards img{width:100%;height:145px;object-fit:contain;background:#05080d;border-radius:12px;margin:12px 0;padding:8px}.productCards strong{color:#d4a23e;font-size:10px}.productCards h3{font-size:17px;margin:12px 0 8px}.productCards p{font-size:11px;color:#8494a8;line-height:1.6}@media(max-width:900px){.serviceCards article{height:410px!important;min-height:410px!important}.productCards{grid-template-columns:1fr 1fr}}@media(max-width:560px){.serviceCards article{height:auto!important;min-height:390px!important}.cardPhoto{height:140px}.productCards{grid-template-columns:1fr}.productCards>a{min-height:auto}.productCards img{height:150px}}

/* V4.3 footer readability */
footer .footerTop>div>p{font-size:15px;line-height:1.8;color:#93a3b6}
footer .footCols h4{font-size:15px}
footer .footCols a{font-size:14px;line-height:1.55;margin:11px 0;color:#9aa9bb}
footer .legal{font-size:13px;line-height:1.6;color:#8998aa}
footer .disclaimer{font-size:12px;line-height:1.8;color:#718196;max-width:1450px}
@media(max-width:560px){footer .footerTop>div>p{font-size:14px}footer .footCols h4{font-size:14px}footer .footCols a{font-size:13px}footer .legal{font-size:12px}footer .disclaimer{font-size:11px}}

/* Compact home images and shared card numbering. */
.serviceCards article{height:auto!important;min-height:0!important;overflow:visible;display:flex;flex-direction:column;padding:24px!important}
.productCards>a{padding:24px;min-width:0;display:flex;flex-direction:column}
.serviceCards article>b,.productCards>a>strong{position:static;display:block;align-self:flex-start;color:#d8a842;font-size:11px;font-weight:800;line-height:1;margin:0 0 12px;letter-spacing:1px}
.serviceCards .cardPhoto{width:100%;height:180px;aspect-ratio:auto;object-fit:contain;object-position:center;padding:12px;margin:0 0 18px;flex-shrink:0}
.productCards img{width:100%;height:150px;aspect-ratio:auto;object-fit:contain;object-position:center;padding:12px;margin:0 0 18px}
.serviceCards h3{min-height:0}.serviceCards p{min-height:0;margin-bottom:16px}
.serviceCards article>span{margin-top:auto;padding-top:16px}
.productCards h3{line-height:1.45;margin-top:0}.productCards p{font-size:13px;line-height:1.75}
@media(max-width:560px){.serviceCards .cardPhoto{height:160px}.productCards img{height:145px}}

/* Publisher marquee */
.igpub-section{overflow:hidden}.igpub-section>p{max-width:740px;color:#a9bed6}.igpub-marquee{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);margin-top:28px}.igpub-track{display:flex;width:max-content;animation:igpub-move 42s linear infinite}.igpub-marquee:hover .igpub-track{animation-play-state:paused}.igpub-set{display:flex;gap:18px;padding-right:18px;flex:none}.igpub-wordmark{display:flex;align-items:center;justify-content:center;min-width:190px;height:90px;padding:12px 25px;border:1px solid #2a4157;border-radius:15px;background:#102238;color:#eef5ff;font-size:19px;font-weight:800;letter-spacing:.2px;white-space:nowrap}@keyframes igpub-move{to{transform:translateX(-50%)}}@media(max-width:640px){.igpub-wordmark{min-width:145px;height:70px;font-size:15px}.igpub-track{animation-duration:32s}}@media(prefers-reduced-motion:reduce){.igpub-track{animation:none}.igpub-marquee{overflow-x:auto}}

.igpub-wordmark{min-width:190px;background:#263e50;padding:8px 16px}.igpub-wordmark img{width:169px;max-width:100%;height:67px;object-fit:contain;display:block}@media(max-width:640px){.igpub-wordmark{min-width:155px;height:78px}.igpub-wordmark img{width:140px;height:60px}}

/* Remove hero square mesh on desktop and mobile */
.hero .mesh{display:none!important;background-image:none!important;opacity:0!important}