:root{--acc:#34D399;--acc-rgb:52 211 153}
html,body{margin:0}
body{background:#0A0E12;color:#E8EDF2;font-family:"Pretendard Variable",Pretendard,Geist,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--acc)}
a:hover{color:#6EE7B7}
html { scroll-behavior: smooth; }
body { word-break: keep-all; }
/* 화면 전체 그레인 (스크롤 컨테이너 아님) */
    
    /* 사이버 인프라 그리드 — 이미지 없이 CSS로 */
    .cybergrid { background-image:
        linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px);
      background-size: 56px 56px; }
.cybergrid-fine { background-image:
        linear-gradient(rgba(52,211,153,0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(52,211,153,0.06) 1px, transparent 1px);
      background-size: 14px 14px; }
.bg-band { background-color:#070A0D; background-image:
        linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px); background-size: 56px 56px; }
details[open] .faq-icon { transform: rotate(45deg); }
input, select, textarea { color-scheme: dark; }
input::placeholder, textarea::placeholder { color:#7C8EA0; }
.scan { background: repeating-linear-gradient(0deg, rgba(255,255,255,0.03) 0 1px, transparent 1px 3px); }
@keyframes fadeInUp { from { opacity: 0; transform: translateY(1.75rem); } to { opacity: 1; transform: translateY(0); } }
.reveal { opacity: 1; }
html.motion-on .reveal { opacity: 0; }
html.motion-on .reveal.in { opacity: 1; }
.reveal.in { animation: fadeInUp .85s cubic-bezier(0.16,1,0.3,1) both; animation-delay: calc(var(--i, 0) * 90ms); }
@keyframes floaty { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }
.floaty { animation: floaty 7s ease-in-out infinite; }
@keyframes pulseNode { 0%,100% { opacity: .35; transform: scale(1); } 50% { opacity: 1; transform: scale(1.35); } }
@keyframes traceX { 0% { transform: translateX(-100%); } 100% { transform: translateX(320%); } }
.trace::after { content: ''; position: absolute; inset-block: 0; width: 34%;
      background: linear-gradient(90deg, transparent, rgba(52,211,153,.55), transparent);
      animation: traceX 5.5s linear infinite; }
@keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.marquee { animation: marquee 34s linear infinite; }
@media (prefers-reduced-motion: reduce) {
      html.motion-on .reveal { opacity: 1; animation: none !important; }
      .floaty, .marquee, .trace::after { animation: none !important; }
    }
.dd-open > .dd-panel { visibility: visible !important; opacity: 1 !important; }
.dd-panel { pointer-events: none; }
.dd-open > .dd-panel, .group:hover > .dd-panel { pointer-events: auto; }
a { color: #34D399; }
a:hover { color: #6EE7B7; }
*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }
*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}
::after,::before{--tw-content:''}
:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:'Pretendard Variable',Pretendard,Geist,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}
body{margin:0;line-height:inherit}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}
a{color:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,pre,samp{font-family:"Geist Mono",ui-monospace,monospace;font-size:1em}
blockquote,dd,dl,figure,hr,p,pre{margin:0}
menu,ol,ul{list-style:none;margin:0;padding:0}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}
button,select{text-transform:none}
button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}
textarea{resize:vertical}
input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}
[role=button],button{cursor:pointer}
summary{display:list-item}
audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
[hidden]{display:none}
.pointer-events-none{pointer-events:none}
.invisible{visibility:hidden}
.fixed{position:fixed}
.absolute{position:absolute}
.relative{position:relative}
.inset-0{inset:0px}
.inset-x-0{left:0px;right:0px}
.inset-y-0{top:0px;bottom:0px}
.bottom-0{bottom:0px}
.bottom-6{bottom:1.5rem}
.left-0{left:0px}
.left-1\/2{left:50%}
.top-0{top:0px}
.top-full{top:100%}
.right-0{right:0px}
.top-\[7px\]{top:7px}
.z-10{z-index:10}
.z-40{z-index:40}
.order-1{order:1}
.order-2{order:2}
.mx-auto{margin-left:auto;margin-right:auto}
.mb-2\.5{margin-bottom:0.625rem}
.ml-1{margin-left:0.25rem}
.ml-2{margin-left:0.5rem}
.ml-4{margin-left:1rem}
.mr-auto{margin-right:auto}
.mt-0\.5{margin-top:0.125rem}
.mt-1\.5{margin-top:0.375rem}
.mt-10{margin-top:2.5rem}
.mt-12{margin-top:3rem}
.mt-14{margin-top:3.5rem}
.mt-2{margin-top:0.5rem}
.mt-3{margin-top:0.75rem}
.mt-4{margin-top:1rem}
.mt-5{margin-top:1.25rem}
.mt-6{margin-top:1.5rem}
.mt-7{margin-top:1.75rem}
.mt-8{margin-top:2rem}
.mt-9{margin-top:2.25rem}
.block{display:block}
.flex{display:flex}
.inline-flex{display:inline-flex}
.grid{display:grid}
.hidden{display:none}
.h-1\.5{height:0.375rem}
.h-2{height:0.5rem}
.h-40{height:10rem}
.h-44{height:11rem}
.h-9{height:2.25rem}
.h-full{height:100%}
.h-3\.5{height:0.875rem}
.h-px{height:1px}
.h-11{height:2.75rem}
.min-h-\[100dvh\]{min-height:100dvh}
.min-h-\[48px\]{min-height:48px}
.min-h-\[52px\]{min-height:52px}
.min-h-\[56px\]{min-height:56px}
.w-1\.5{width:0.375rem}
.w-14{width:3.5rem}
.w-2{width:0.5rem}
.w-64{width:16rem}
.w-9{width:2.25rem}
.w-\[48\%\]{width:48%}
.w-\[72\%\]{width:72%}
.w-full{width:100%}
.w-max{width:max-content}
.w-3\.5{width:0.875rem}
.w-11{width:2.75rem}
.max-w-6xl{max-width:72rem}
.max-w-7xl{max-width:80rem}
.max-w-\[18ch\]{max-width:18ch}
.max-w-\[20ch\]{max-width:20ch}
.max-w-\[34ch\]{max-width:34ch}
.max-w-\[42ch\]{max-width:42ch}
.max-w-\[44ch\]{max-width:44ch}
.max-w-\[52ch\]{max-width:52ch}
.max-w-\[82\%\]{max-width:82%}
.max-w-\[88\%\]{max-width:88%}
.max-w-lg{max-width:32rem}
.max-w-2xl{max-width:42rem}
.max-w-\[16ch\]{max-width:16ch}
.max-w-\[30ch\]{max-width:30ch}
.max-w-\[40ch\]{max-width:40ch}
.max-w-\[46ch\]{max-width:46ch}
.max-w-\[48ch\]{max-width:48ch}
.max-w-3xl{max-width:48rem}
.max-w-\[38ch\]{max-width:38ch}
.flex-1{flex:1 1 0%}
.shrink-0{flex-shrink:0}
.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.cursor-pointer{cursor:pointer}
.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.items-start{align-items:flex-start}
.items-center{align-items:center}
.justify-start{justify-content:flex-start}
.justify-end{justify-content:flex-end}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.gap-1\.5{gap:0.375rem}
.gap-12{gap:3rem}
.gap-14{gap:3.5rem}
.gap-16{gap:4rem}
.gap-2{gap:0.5rem}
.gap-2\.5{gap:0.625rem}
.gap-3{gap:0.75rem}
.gap-5{gap:1.25rem}
.gap-6{gap:1.5rem}
.gap-7{gap:1.75rem}
.gap-px{gap:1px}
.gap-10{gap:2.5rem}
.gap-4{gap:1rem}
.gap-x-4{column-gap:1rem}
.gap-y-1{row-gap:0.25rem}
.space-y-2 > :not([hidden]) ~ :not([hidden]){margin-top:0.5rem !important}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]){margin-top:0.625rem !important}
.space-y-3 > :not([hidden]) ~ :not([hidden]){margin-top:0.75rem !important}
.space-y-4 > :not([hidden]) ~ :not([hidden]){margin-top:1rem !important}
.space-y-6 > :not([hidden]) ~ :not([hidden]){margin-top:1.5rem !important}
.divide-y > :not([hidden]) ~ :not([hidden]){border-top-width:1px !important}
.divide-white\/\[0\.07\] > :not([hidden]) ~ :not([hidden]){border-color:rgb(255 255 255 / 0.07) !important}
.overflow-hidden{overflow:hidden}
.rounded-2xl{border-radius:1rem}
.rounded-3xl{border-radius:1.5rem}
.rounded-full{border-radius:9999px}
.rounded-lg{border-radius:0.5rem}
.rounded-xl{border-radius:0.75rem}
.rounded-tl-sm{border-top-left-radius:0.125rem}
.rounded-tr-sm{border-top-right-radius:0.125rem}
.border{border-width:1px}
.border-y{border-top-width:1px;border-bottom-width:1px}
.border-b{border-bottom-width:1px}
.border-t{border-top-width:1px}
.border-dashed{border-style:dashed}
.border-edge{border-color:rgba(255,255,255,0.08)}
.border-edge-strong{border-color:rgba(255,255,255,0.16)}
.border-acc{border-color:rgb(var(--acc-rgb))}
.border-acc\/40{border-color:rgb(var(--acc-rgb) / 0.4)}
.border-white\/\[0\.07\]{border-color:rgb(255 255 255 / 0.07)}
.bg-acc{background-color:rgb(var(--acc-rgb))}
.bg-acc\/10{background-color:rgb(var(--acc-rgb) / 0.1)}
.bg-acc\/15{background-color:rgb(var(--acc-rgb) / 0.15)}
.bg-acc\/\[0\.07\]{background-color:rgb(var(--acc-rgb) / 0.07)}
.bg-edge{background-color:rgba(255,255,255,0.08)}
.bg-surface{background-color:rgb(10 14 18)}
.bg-surface-deep{background-color:rgb(7 10 13)}
.bg-surface-deep\/70{background-color:rgb(7 10 13 / 0.7)}
.bg-surface-deep\/80{background-color:rgb(7 10 13 / 0.8)}
.bg-surface-panel{background-color:rgb(15 21 26)}
.bg-surface-panel\/60{background-color:rgb(15 21 26 / 0.6)}
.bg-surface-panel\/80{background-color:rgb(15 21 26 / 0.8)}
.bg-surface-panel\/95{background-color:rgb(15 21 26 / 0.95)}
.bg-surface-raise{background-color:rgb(20 28 34)}
.bg-transparent{background-color:transparent}
.bg-white\/15{background-color:rgb(255 255 255 / 0.15)}
.bg-white\/\[0\.035\]{background-color:rgb(255 255 255 / 0.035)}
.bg-white\/\[0\.03\]{background-color:rgb(255 255 255 / 0.03)}
.bg-white\/\[0\.06\]{background-color:rgb(255 255 255 / 0.06)}
.bg-white\/20{background-color:rgb(255 255 255 / 0.2)}
.object-cover{object-fit:cover}
.object-bottom{object-position:bottom}
.p-2{padding:0.5rem}
.p-3{padding:0.75rem}
.p-5{padding:1.25rem}
.p-6{padding:1.5rem}
.p-7{padding:1.75rem}
.p-8{padding:2rem}
.px-3{padding-left:0.75rem;padding-right:0.75rem}
.px-3\.5{padding-left:0.875rem;padding-right:0.875rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.px-8{padding-left:2rem;padding-right:2rem}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem}
.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}
.py-24{padding-top:6rem;padding-bottom:6rem}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-7{padding-top:1.75rem;padding-bottom:1.75rem}
.px-7{padding-left:1.75rem;padding-right:1.75rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.py-14{padding-top:3.5rem;padding-bottom:3.5rem}
.py-28{padding-top:7rem;padding-bottom:7rem}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.pb-16{padding-bottom:4rem}
.pl-6{padding-left:1.5rem}
.pr-2{padding-right:0.5rem}
.pt-32{padding-top:8rem}
.pt-4{padding-top:1rem}
.pt-5{padding-top:1.25rem}
.pt-6{padding-top:1.5rem}
.text-center{text-align:center}
.font-display{font-family:Geist,'Pretendard Variable',system-ui,sans-serif}
.font-mono{font-family:"Geist Mono",ui-monospace,monospace}
.font-sans{font-family:'Pretendard Variable',Pretendard,Geist,system-ui,sans-serif}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.text-\[10px\]{font-size:10px}
.text-\[11px\]{font-size:11px}
.text-\[12px\]{font-size:12px}
.text-\[13px\]{font-size:13px}
.text-\[14px\]{font-size:14px}
.text-\[15px\]{font-size:15px}
.text-\[17px\]{font-size:17px}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-\[16px\]{font-size:16px}
.text-sm{font-size:0.875rem;line-height:1.25rem}
.font-bold{font-weight:700}
.font-medium{font-weight:500}
.font-normal{font-weight:400}
.font-semibold{font-weight:600}
.uppercase{text-transform:uppercase}
.leading-none{line-height:1}
.leading-relaxed{line-height:1.625}
.leading-tight{line-height:1.25}
.leading-snug{line-height:1.375}
.tracking-\[0\.06em\]{letter-spacing:0.06em}
.tracking-\[0\.12em\]{letter-spacing:0.12em}
.tracking-\[0\.16em\]{letter-spacing:0.16em}
.tracking-\[0\.1em\]{letter-spacing:0.1em}
.tracking-\[0\.3em\]{letter-spacing:0.3em}
.tracking-tight{letter-spacing:-0.025em}
.tracking-wide{letter-spacing:0.025em}
.tracking-\[0\.14em\]{letter-spacing:0.14em}
.text-acc{color:rgb(var(--acc-rgb))}
.text-ink{color:rgb(232 237 242)}
.text-ink-dim{color:rgb(154 169 182)}
.text-ink-faint{color:rgb(124 142 160)}
.text-surface-deep{color:rgb(7 10 13)}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.opacity-0{opacity:0}
.opacity-25{opacity:0.25}
.opacity-40{opacity:0.4}
.opacity-50{opacity:0.5}
.opacity-70{opacity:0.7}
.opacity-80{opacity:0.8}
.opacity-90{opacity:0.9}
.shadow-2xl{box-shadow:0 25px 50px -12px rgb(0 0 0 / 0.45)}
.shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.06\)\]{box-shadow:inset 0 1px 0 rgba(255,255,255,0.06) !important}
.shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.08\)\]{box-shadow:inset 0 1px 0 rgba(255,255,255,0.08) !important}
.ring-1{box-shadow:0 0 0 1px var(--tw-ring-color,rgba(255,255,255,0.08))}
.ring-4{box-shadow:0 0 0 4px var(--tw-ring-color,rgb(7 10 13))}
.ring-edge{--tw-ring-color:rgba(255,255,255,0.08)}
.ring-acc\/40{--tw-ring-color:rgb(var(--acc-rgb) / 0.4)}
.ring-surface-deep{--tw-ring-color:rgb(7 10 13)}
.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}
.transition-colors{transition-property:color,background-color,border-color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}
.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}
.duration-300{transition-duration:300ms}
.duration-500{transition-duration:500ms}
.ease-spring{transition-timing-function:cubic-bezier(0.16,1,0.3,1)}
.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem !important;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important}
.hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02 !important;--tw-scale-y:1.02 !important;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important}
.hover\:border-edge-strong:hover{border-color:rgba(255,255,255,0.16) !important}
.hover\:bg-surface-panel:hover{background-color:rgb(15 21 26) !important}
.hover\:bg-white\/5:hover{background-color:rgb(255 255 255 / 0.05) !important}
.hover\:bg-white\/\[0\.07\]:hover{background-color:rgb(255 255 255 / 0.07) !important}
.hover\:bg-acc\/10:hover{background-color:rgb(var(--acc-rgb) / 0.1) !important}
.hover\:text-ink:hover{color:rgb(232 237 242) !important}
.active\:scale-\[0\.98\]:active{--tw-scale-x:0.98 !important;--tw-scale-y:0.98 !important;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important}
.group:hover .group-hover\:visible{visibility:visible !important}
.group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem !important;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important}
.group:hover .group-hover\:opacity-100{opacity:1 !important}
@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr)) !important}.sm\:px-6{padding-left:1.5rem !important;padding-right:1.5rem !important}}
@media (min-width:768px){.md\:mt-0{margin-top:0px !important}.md\:block{display:block !important}.md\:flex{display:flex !important}.md\:w-12{width:3rem !important}.md\:w-44{width:11rem !important}.md\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr)) !important}.md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr)) !important}.md\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr)) !important}.md\:flex-row{flex-direction:row !important}.md\:items-end{align-items:flex-end !important}.md\:items-baseline{align-items:baseline !important}.md\:justify-between{justify-content:space-between !important}.md\:gap-10{gap:2.5rem !important}.md\:gap-6{gap:1.5rem !important}.md\:p-10{padding:2.5rem !important}.md\:py-32{padding-top:8rem !important;padding-bottom:8rem !important}.md\:py-36{padding-top:9rem !important;padding-bottom:9rem !important}}
@media (min-width:1024px){.lg\:sticky{position:sticky !important}.lg\:top-32{top:8rem !important}.lg\:order-1{order:1 !important}.lg\:order-2{order:2 !important}.lg\:col-span-5{grid-column:span 5 / span 5 !important}.lg\:col-span-7{grid-column:span 7 / span 7 !important}.lg\:block{display:block !important}.lg\:flex{display:flex !important}.lg\:grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr)) !important}.lg\:grid-cols-\[0\.85fr_1\.15fr\]{grid-template-columns:0.85fr 1.15fr !important}.lg\:grid-cols-\[1\.02fr_0\.98fr\]{grid-template-columns:1.02fr 0.98fr !important}.lg\:grid-cols-\[1\.05fr_1fr\]{grid-template-columns:1.05fr 1fr !important}.lg\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr)) !important}.lg\:grid-cols-\[0\.8fr_1\.2fr\]{grid-template-columns:0.8fr 1.2fr !important}.lg\:flex-row{flex-direction:row !important}.lg\:items-center{align-items:center !important}.lg\:gap-10{gap:2.5rem !important}.lg\:self-start{align-self:flex-start !important}.lg\:px-8{padding-left:2rem !important;padding-right:2rem !important}}
.-left-\[9px\]{left:-9px}
.-top-4{top:-1rem}
.left-4{left:1rem}
.left-6{left:1.5rem}
.top-1{top:0.25rem}
.top-4{top:1rem}
.mb-2{margin-bottom:0.5rem}
.mt-1{margin-top:0.25rem}
.mb-1\.5{margin-bottom:0.375rem}
.mt-2\.5{margin-top:0.625rem}
.aspect-video{aspect-ratio:16 / 9}
.h-12{height:3rem}
.h-32{height:8rem}
.h-14{height:3.5rem}
.h-16{height:4rem}
.h-4{height:1rem}
.h-8{height:2rem}
.w-12{width:3rem}
.w-16{width:4rem}
.w-4{width:1rem}
.w-8{width:2rem}
.max-w-\[22ch\]{max-width:22ch}
.max-w-\[24ch\]{max-width:24ch}
.max-w-\[80\%\]{max-width:80%}
.max-w-4xl{max-width:56rem}
.max-w-\[26ch\]{max-width:26ch}
.items-end{align-items:flex-end}
.gap-8{gap:2rem}
.gap-x-12{column-gap:3rem}
.gap-y-5{row-gap:1.25rem}
.space-y-0 > :not([hidden]) ~ :not([hidden]){margin-top:0 !important}
.space-y-5 > :not([hidden]) ~ :not([hidden]){margin-top:1.25rem !important}
.space-y-8 > :not([hidden]) ~ :not([hidden]){margin-top:2rem !important}
.rounded-\[1\.25rem\]{border-radius:1.25rem}
.border-2{border-width:2px}
.border-l-2{border-left-width:2px}
.border-l-4{border-left-width:4px}
.border-acc-soft{border-color:rgb(var(--acc-rgb) / 0.10)}
.border-acc\/25{border-color:rgb(var(--acc-rgb) / 0.25)}
.bg-surface-panel\/50{background-color:rgb(15 21 26 / 0.5)}
.p-1\.5{padding:0.375rem}
.p-10{padding:2.5rem}
.p-4{padding:1rem}
.p-9{padding:2.25rem}
.py-3\.5{padding-top:0.875rem;padding-bottom:0.875rem}
.px-2\.5{padding-left:0.625rem;padding-right:0.625rem}
.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem}
.pb-24{padding-bottom:6rem}
.pt-16{padding-top:4rem}
.pt-36{padding-top:9rem}
.pb-10{padding-bottom:2.5rem}
.pb-20{padding-bottom:5rem}
.pb-6{padding-bottom:1.5rem}
.pl-7{padding-left:1.75rem}
.pl-8{padding-left:2rem}
.pt-14{padding-top:3.5rem}
.text-\[20px\]{font-size:20px}
.text-\[21px\]{font-size:21px}
.tracking-\[0\.08em\]{letter-spacing:0.08em}
.shadow-\[0_20px_60px_-15px_rgba\(0\2c 0\2c 0\2c 0\.45\)\]{box-shadow:0 20px 60px -15px rgba(0,0,0,0.45) !important}
.outline-none{outline:2px solid transparent;outline-offset:2px}
.duration-700{transition-duration:700ms}
.hover\:-translate-y-1\.5:hover{--tw-translate-y:-0.375rem !important;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important}
.hover\:bg-white\/\[0\.06\]:hover{background-color:rgb(255 255 255 / 0.06) !important}
.focus\:border-acc:focus{border-color:rgb(var(--acc-rgb)) !important}
.focus\:ring-2:focus{box-shadow:0 0 0 2px var(--tw-ring-color,rgba(52,211,153,0.2)) !important}
.focus\:ring-acc\/20:focus{--tw-ring-color:rgb(var(--acc-rgb) / 0.2) !important}
.group:hover .group-hover\:-translate-y-0\.5{--tw-translate-y:-0.125rem !important;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important}
.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x:0.125rem !important;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important}
.group:hover .group-hover\:scale-105{--tw-scale-x:1.05 !important;--tw-scale-y:1.05 !important;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important}
.group:hover .group-hover\:scale-110{--tw-scale-x:1.1 !important;--tw-scale-y:1.1 !important;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important}
.group:hover .group-hover\:text-acc{color:rgb(var(--acc-rgb)) !important}
@media (min-width:768px){.md\:col-span-3{grid-column:span 3 / span 3 !important}.md\:hidden{display:none !important}.md\:py-28{padding-top:7rem !important;padding-bottom:7rem !important}}
@media (min-width:1024px){.lg\:top-12{top:3rem !important}.lg\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr)) !important}.lg\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr)) !important}.lg\:grid-cols-\[1fr_1\.1fr\]{grid-template-columns:1fr 1.1fr !important}.lg\:grid-cols-\[1fr_1\.2fr\]{grid-template-columns:1fr 1.2fr !important}.lg\:p-10{padding:2.5rem !important}.lg\:p-12{padding:3rem !important}}
.bg-white\/\[0\.04\]{background-color:rgb(255 255 255 / 0.04)}
body::after{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E")}
html.grain-off body::after{display:none}
/* ── 모바일 내비게이션 ── */
.mnav-btn{display:none}
@media (max-width:1023.98px){.mnav-btn{display:inline-flex !important}}
@media (min-width:1024px){.mnav-overlay{display:none !important}}
html.mnav-open .mnav-overlay{visibility:visible !important;opacity:1 !important}
html.mnav-open body{overflow:hidden}
@media (max-width:479.98px){.nav-cta{display:none !important}}
@media (max-width:767.98px){.text-2xl{font-size:1.5rem !important;line-height:2rem !important}.text-3xl{font-size:1.875rem !important;line-height:2.25rem !important}.text-4xl{font-size:2.25rem !important;line-height:2.5rem !important}.text-\[10px\]{font-size:10px !important}.text-\[11px\]{font-size:11px !important}.text-\[12px\]{font-size:12px !important}.text-\[13px\]{font-size:13px !important}.text-\[14px\]{font-size:14px !important}.text-\[15px\]{font-size:15px !important}.text-\[17px\]{font-size:17px !important}.text-lg{font-size:1.125rem !important;line-height:1.75rem !important}.text-xl{font-size:1.25rem !important;line-height:1.75rem !important}.text-\[16px\]{font-size:16px !important}.text-sm{font-size:0.875rem !important;line-height:1.25rem !important}.text-\[20px\]{font-size:20px !important}.text-\[21px\]{font-size:21px !important}}
}
@media (max-width:767.98px){.hero-video{display:none !important}}
.arch-grid { display: grid; grid-template-columns: 1fr; gap: 2.5rem; align-items: start; }
@media (min-width: 900px) { .arch-grid { grid-template-columns: minmax(300px, 0.66fr) minmax(400px, 1fr); } }