@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css";
:root{--color-green-950:#03140f;--color-green-900:#062a22;--color-green-800:#0d3a30;--color-ochre:#e6a93a;--color-ochre-soft:#f0c86c;--color-ivory:#f6f0df;--color-sage:#7e9a82;--color-copper:#a65e2e;--color-line:#f6f0df29;--color-panel:#f6f0df12;--shadow-soft:0 24px 80px #00000052;--max-width:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--color-green-950)}body{min-width:320px;color:var(--color-ivory);background:linear-gradient(135deg, #e6a93a14, transparent 32rem), linear-gradient(180deg, var(--color-green-950), #061b15 42rem, var(--color-green-900));letter-spacing:0;margin:0;font-family:Pretendard Variable,Pretendard,Apple SD Gothic Neo,Malgun Gothic,sans-serif;overflow-x:clip}body:before{content:"";pointer-events:none;z-index:50;opacity:.12;background-image:linear-gradient(#f6f0df0d 1px,#0000 1px),linear-gradient(90deg,#f6f0df0d 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}main{overflow:clip}img{max-width:100%;display:block}.eyebrow{color:var(--color-ochre);letter-spacing:0;text-transform:uppercase;margin:0 0 1rem;font-size:clamp(.78rem,1.2vw,.92rem);font-weight:800}.button,.icon-link{background:var(--color-ochre);min-height:3.1rem;color:var(--color-green-950);border:1px solid #e6a93a85;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.9rem 1.25rem;font-weight:850;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.button:hover,.icon-link:hover{background:var(--color-ochre-soft);transform:translateY(-2px)}.button--ghost{color:var(--color-ivory);border-color:var(--color-line);background:#f6f0df0a}.button--small{min-height:2.6rem;padding:.65rem .95rem;font-size:.92rem}.icon-link{width:2.8rem;min-height:2.8rem;color:var(--color-ivory);border-color:var(--color-line);background:#f6f0df0d;padding:0}.text-link{color:var(--color-ochre);align-items:center;gap:.45rem;margin-top:2rem;font-weight:850;display:inline-flex}.logo{color:var(--color-ochre);align-items:center;gap:.85rem;display:inline-flex}.logo__mark{flex:none;width:3.6rem;height:3.6rem}.logo__word{gap:.1rem;line-height:1;display:grid}.logo__word span{color:var(--color-ivory);font-size:1.22rem;font-weight:900}.logo__word small{color:var(--color-ochre);font-size:.7rem;font-weight:800}.site-header{z-index:60;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#03140fc7;border-bottom:1px solid #f6f0df1a;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;padding:1.1rem clamp(1rem,4vw,3.5rem);display:grid;position:fixed;top:0;left:0;right:0}.site-header__logo{display:inline-flex}.site-header__nav,.site-header__actions{align-items:center;display:flex}.site-header__nav{justify-content:center;gap:clamp(.8rem,2.2vw,2rem)}.site-header__nav a{color:#f6f0dfb8;font-size:.95rem;font-weight:750;transition:color .16s}.site-header__nav a:hover{color:var(--color-ochre)}.site-header__actions{gap:.7rem}.hero{border-bottom:1px solid var(--color-line);grid-template-columns:minmax(0,.95fr) minmax(22rem,1.05fr);align-items:center;gap:clamp(2.25rem,6vw,6.5rem);min-height:82vh;padding:8.5rem clamp(1rem,5vw,5rem) 4rem;display:grid;position:relative}.hero__texture{z-index:0;pointer-events:none;background:linear-gradient(115deg,#0000 0 42%,#e6a93a2e 42.2% 42.6%,#0000 42.8%),linear-gradient(135deg,#0000 0 60%,#7e9a8238 60.2% 60.5%,#0000 60.7%);position:absolute;inset:0}.hero__content,.hero__visual{z-index:1;position:relative}.hero h1{color:var(--color-ivory);margin:0;font-size:clamp(4.8rem,12vw,10.5rem);font-weight:950;line-height:.86}.hero__content>p:not(.eyebrow){color:#f6f0dfc7;word-break:keep-all;max-width:46rem;margin:clamp(1.5rem,3vw,2.6rem) 0 0;font-size:clamp(1.05rem,2vw,1.4rem);line-height:1.7}.hero__actions{flex-wrap:wrap;gap:.85rem;margin-top:2.2rem;display:flex}.hero__visual{isolation:isolate;min-height:clamp(24rem,40vw,35rem)}.hero-motion{min-height:100%;position:absolute;inset:min(-3vw,-1.5rem)}.hero-motion:before{content:"";z-index:-1;opacity:.52;filter:blur(32px);background:radial-gradient(closest-side,#e6a93a2e,#0000 70%),radial-gradient(closest-side,#7e9a8229,#0000 72%);position:absolute;inset:11% 2% 5% 0}.hero-motion__canvas{width:100%;height:100%;min-height:clamp(24rem,40vw,35rem);display:block}.hero-motion--fallback{place-items:center;display:grid}.hero-motion__fallback{aspect-ratio:1;width:min(34rem,94%);transform-style:preserve-3d;position:relative}.hero-motion__fallback span,.hero-motion__fallback i{border-radius:50%;display:block;position:absolute;inset:12%}.hero-motion__fallback span{border:1px solid #e6a93a73;animation:9s linear infinite fallback-orbit;box-shadow:inset 0 0 44px #e6a93a14,0 0 48px #062a226b}.hero-motion__fallback span:nth-child(2){border-color:#7e9a827a;animation-duration:12s;animation-direction:reverse;inset:21% 4%}.hero-motion__fallback span:nth-child(3){border-color:#f6f0df52;animation-duration:10.5s;inset:5% 24%}.hero-motion__fallback i{background:linear-gradient(135deg, #f6f0dfdb, #e6a93aeb), var(--color-ochre);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border-radius:8px;animation:4.8s ease-in-out infinite fallback-core;inset:35%;box-shadow:0 22px 70px #00000057,0 0 52px #e6a93a3d}.hero-motion__caption{pointer-events:none;flex-wrap:wrap;justify-content:flex-end;gap:.45rem;max-width:18rem;display:flex;position:absolute;bottom:9%;right:6%}.hero-motion__caption span,.hero__signal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#062a22a8;border:1px solid #e6a93a57}.hero-motion__caption span{min-height:2rem;color:var(--color-ochre-soft);border-radius:999px;padding:.42rem .72rem;font-size:.78rem;font-weight:900}.hero__signal{border-radius:999px;align-items:center;gap:.8rem;max-width:min(30rem,88%);padding:.72rem .9rem;display:inline-flex;position:absolute;bottom:8%;left:3%;box-shadow:0 20px 60px #00000042}.hero__signal .logo__mark{width:2.6rem;height:2.6rem}.hero__signal span{color:var(--color-ochre);font-size:clamp(.86rem,1.4vw,1.05rem);font-weight:900}.section{max-width:var(--max-width);margin:0 auto;padding:clamp(5rem,10vw,9rem) clamp(1rem,4vw,2rem)}.section--capabilities,.section--services,.section--work,.section--stack{max-width:1280px}.section-header{gap:1rem;max-width:48rem;margin-bottom:clamp(2rem,5vw,4rem);display:grid}.section-header span{color:var(--color-ochre);text-transform:uppercase;font-weight:900}.section-header h2{word-break:keep-all;margin:0;font-size:clamp(2.15rem,5vw,4.6rem);line-height:1.08}.section-header p{color:#f6f0dfb8;word-break:keep-all;margin:0;font-size:1.08rem;line-height:1.75}.capability-grid,.service-grid,.ai-domain-grid,.seo-service-grid{gap:1rem;display:grid}.capability-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.service-grid,.seo-service-grid,.ai-domain-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.capability-card,.service-card,.seo-service-card,.ai-domain-grid article,.process-timeline article,.brand-system article,.work-card,.project-card{border:1px solid var(--color-line);background:var(--color-panel);border-radius:8px}.capability-card,.service-card,.seo-service-card,.ai-domain-grid article{min-height:18rem;padding:1.2rem}.capability-card svg,.service-card svg,.ai-domain-grid svg{color:var(--color-ochre)}.capability-card h3,.service-card h3,.seo-service-card h3,.seo-service-card h2,.ai-domain-grid h3{margin:1.8rem 0 .8rem;font-size:clamp(1.3rem,2vw,1.75rem)}.capability-card p,.service-card p,.seo-service-card p,.ai-domain-grid p{color:#f6f0dfb3;word-break:keep-all;margin:0;line-height:1.65}.section--seo-services{max-width:1280px}.seo-service-card{background:linear-gradient(135deg,#e6a93a1f,#0000 42%),#062a22c7;position:relative;overflow:hidden}.seo-service-card>span{min-height:2rem;color:var(--color-ochre);background:#e6a93a1a;border:1px solid #e6a93a5c;border-radius:999px;align-items:center;padding:.42rem .7rem;font-size:.82rem;font-weight:900;display:inline-flex}.tag-row{flex-wrap:wrap;gap:.45rem;margin-top:1.4rem;display:flex}.tag-row span,.tag-row small,.stack-cloud span,.stack-row__chips span{background:#e6a93a1a;border:1px solid #e6a93a52;border-radius:999px;align-items:center;min-height:2rem;padding:.42rem .72rem;font-size:.82rem;font-weight:850;display:inline-flex}.tag-row span,.tag-row small,.stack-cloud span{color:var(--color-ochre-soft)}.section--ai{background:linear-gradient(180deg, #f6f0df0a, #f6f0df03), var(--color-green-900);max-width:none;padding-left:clamp(1rem,5vw,5rem);padding-right:clamp(1rem,5vw,5rem)}.section--ai .section-header{max-width:var(--max-width);margin-left:auto;margin-right:auto}.section--ai .ai-domain-grid{max-width:var(--max-width);margin:0 auto}.ai-domain-grid article{min-height:20rem;color:var(--color-green-950);background:#f6f0dfe6}.ai-domain-grid article p{color:#03140fb8}.ai-domain-grid article svg{color:var(--color-green-900)}.section--one-stop{max-width:none;min-height:48rem;padding-left:clamp(1rem,5vw,5rem);padding-right:clamp(1rem,5vw,5rem)}.orbit-map{border:1px solid var(--color-line);border-radius:8px;max-width:1080px;min-height:42rem;margin:0 auto;position:relative;overflow:hidden}.orbit-map:before,.orbit-map:after{content:"";border:1px solid #f6f0df2e;border-radius:50%;position:absolute;inset:9%}.orbit-map:after{inset:24%}.orbit-map__center{z-index:2;aspect-ratio:1;width:clamp(13rem,26vw,20rem);color:var(--color-green-950);background:var(--color-ivory);border-radius:50%;place-items:center;font-size:clamp(1.5rem,3vw,2.8rem);font-weight:950;line-height:.9;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 70px #f6f0df33}.orbit-map__center span{margin-top:-2.8rem}.orbit-map article{z-index:3;background:#062a22db;border:1px solid #e6a93a52;border-radius:8px;width:min(18rem,36vw);padding:1rem;position:absolute}.orbit-map article:first-of-type{top:24%;left:6%}.orbit-map article:nth-of-type(2){bottom:10%;left:24%}.orbit-map article:nth-of-type(3){top:17%;right:8%}.orbit-map article:nth-of-type(4){bottom:14%;right:10%}.orbit-map h3{margin:0 0 .5rem}.orbit-map p{color:#f6f0dfb8;margin:0;line-height:1.6}.project-rail{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;grid-template-columns:repeat(4,minmax(18rem,1fr));gap:1rem;padding-bottom:.25rem;display:grid;overflow-x:auto}.project-rail::-webkit-scrollbar{display:none}.project-card{scroll-snap-align:start;min-width:18rem;color:var(--color-ivory);background:linear-gradient(#e6a93a1f,#0000 42%),#062a22d6;border-color:#e6a93a47;overflow:hidden;box-shadow:0 18px 55px #00000038}.project-card img{aspect-ratio:16/10;object-fit:cover;object-position:top center;border-bottom:1px solid #e6a93a38;width:100%}.project-card div{padding:1.1rem 1.15rem 1.25rem}.project-card p,.project-card h3{margin:0}.project-card p{color:#f6f0df9e;font-size:.9rem;font-weight:800}.project-card h3{margin-top:.35rem;font-size:1.45rem}.project-card span{color:var(--color-ochre-soft);margin-top:1rem;font-weight:850;display:block}.stack-matrix{gap:.9rem;display:grid}.stack-row{background:linear-gradient(90deg,#e6a93a14,#0000 48%),#062a22b8;border:1px solid #e6a93a3d;border-radius:8px;grid-template-columns:minmax(12rem,.28fr) minmax(0,1fr);align-items:center;gap:1rem;padding:.9rem;display:grid}.stack-row__label{gap:.25rem;display:grid}.stack-row__label b{color:var(--color-ivory);font-size:clamp(1.05rem,1.8vw,1.35rem)}.stack-row__label span{color:#f6f0df8f;font-size:.86rem;line-height:1.4}.stack-row__chips{flex-wrap:wrap;gap:.55rem;display:flex}.stack-row__chips span{color:var(--color-ochre-soft);background:#e6a93a14;border-color:#e6a93a47}.stack-row--frontend .stack-row__chips span,.stack-row--cloud .stack-row__chips span{color:#f6f0dfdb;background:#7e9a821a;border-color:#7e9a8257}.stack-row--backend .stack-row__chips span{background:#f6f0df0f;border-color:#f6f0df3d}.stack-row--data .stack-row__chips span{background:#a65e2e1f;border-color:#a65e2e5c}.contact-shell,.contact-page{grid-template-columns:minmax(0,.75fr) minmax(20rem,1fr);align-items:start;gap:clamp(2rem,6vw,5rem);display:grid}.contact-shell h2,.contact-page h1{word-break:keep-all;margin:0;font-size:clamp(2.3rem,5vw,5rem);line-height:1.05}.contact-shell p:not(.eyebrow),.contact-page__intro p{color:#f6f0dfb8;word-break:keep-all;line-height:1.75}.contact-form{background:#062a22c7;border:1px solid #e6a93a5c;border-radius:8px;gap:1rem;padding:1rem;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.contact-form label{color:var(--color-ochre-soft);gap:.45rem;font-size:.92rem;font-weight:850;display:grid}.contact-form input,.contact-form select,.contact-form textarea{width:100%;color:var(--color-ivory);background:#03140f8f;border:1px solid #f6f0df33;border-radius:6px;outline:none;padding:.9rem .95rem}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--color-ochre)}.contact-form__footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}.form-message{color:#f6f0dfa6;margin:0;font-size:.92rem}.form-message--sent{color:var(--color-ochre)}.subpage-hero,.contact-page{max-width:var(--max-width);margin:0 auto;padding:12rem clamp(1rem,4vw,2rem) clamp(4rem,9vw,8rem)}.subpage-hero h1{word-break:keep-all;max-width:58rem;margin:0;font-size:clamp(3rem,8vw,7rem);line-height:1.02}.subpage-hero>p:not(.eyebrow),.contact-page__intro>p{color:#f6f0dfb8;max-width:45rem;font-size:1.12rem;line-height:1.75}.subpage-hero--brand{gap:1.4rem;display:grid}.keyword-hero .hero__actions{margin-top:2rem}.keyword-section{max-width:var(--max-width)}.keyword-grid,.keyword-faq-grid{gap:1rem;display:grid}.keyword-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.keyword-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.keyword-panel,.keyword-faq,.keyword-cta{border:1px solid var(--color-line);background:linear-gradient(135deg, #e6a93a1c, transparent 36%), var(--color-panel);border-radius:8px}.keyword-panel,.keyword-faq{padding:clamp(1.2rem,3vw,2rem)}.keyword-panel h2,.keyword-faq h2,.keyword-cta h2{word-break:keep-all;margin:0;font-size:clamp(1.4rem,2.8vw,2.2rem);line-height:1.18}.keyword-panel ul,.keyword-panel ol{gap:1rem;margin:1.6rem 0 0;padding:0;display:grid}.keyword-panel li{color:#f6f0dfc7;word-break:keep-all;line-height:1.65}.keyword-panel ul li{grid-template-columns:auto 1fr;gap:.65rem;list-style:none;display:grid}.keyword-panel li svg{color:var(--color-ochre);margin-top:.2rem}.keyword-panel ol{padding-left:1.25rem}.keyword-panel ol li::marker{color:var(--color-ochre);font-weight:900}.keyword-faq p,.keyword-cta p{color:#f6f0dfb3;word-break:keep-all;margin:1rem 0 0;line-height:1.72}.keyword-cta{max-width:var(--max-width);justify-content:space-between;align-items:center;gap:2rem;display:flex}.keyword-cta>div{max-width:42rem}.work-grid{gap:1.4rem;display:grid}.work-card{color:var(--color-green-950);background:#f6f0dfeb;grid-template-columns:minmax(18rem,.9fr) minmax(0,1fr);align-items:stretch;gap:1.5rem;display:grid;overflow:hidden}.work-card img{object-fit:cover;object-position:top center;width:100%;height:100%;min-height:20rem}.work-card div{align-self:center;padding:1.5rem 1.5rem 1.5rem 0}.work-card span{color:var(--color-copper);font-weight:900}.work-card h2{margin:.5rem 0 1rem;font-size:clamp(2rem,4vw,3.4rem)}.work-card p{color:#03140fb8;word-break:keep-all;max-width:44rem;line-height:1.75}.process-timeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.process-timeline article{min-height:22rem;padding:1.2rem}.process-timeline span{color:var(--color-ochre);font-size:.9rem;font-weight:950}.process-timeline svg{color:var(--color-ochre);margin-top:3rem;display:block}.process-timeline h2{margin:1rem 0 .7rem}.process-timeline p{color:#f6f0dfb3;word-break:keep-all;line-height:1.7}.brand-system{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;display:grid}.brand-system article{background:#f6f0df0f;min-height:13rem;padding:.75rem}.brand-system article>span{border:1px solid #f6f0df29;border-radius:6px;height:6rem;display:block}.brand-system h3{margin:1rem 0 .2rem}.brand-system p{color:#f6f0df9e;margin:0}.stack-cloud{flex-wrap:wrap;gap:.7rem;display:flex}.contact-page{min-height:calc(100vh - 12rem)}.contact-page__intro a{color:var(--color-ochre);font-weight:850}.footer{border-top:1px solid var(--color-line);background:#03140fe0;padding:3rem clamp(1rem,4vw,3.5rem)}.footer__top,.footer__bottom{max-width:var(--max-width);margin:0 auto}.footer__top{justify-content:space-between;gap:2rem;padding-bottom:3rem;display:flex}.footer__top p{color:#f6f0dfad;margin:0 0 .7rem}.footer__top a{color:var(--color-ochre);align-items:center;gap:.35rem;font-weight:850;display:inline-flex}.footer__business{max-width:var(--max-width);border-top:1px solid #f6f0df1a;border-bottom:1px solid #f6f0df1a;gap:.72rem;margin:0 auto 2.2rem;padding:1.8rem 0;display:grid}.footer__business-row{grid-template-columns:minmax(7.5rem,10rem) minmax(0,1fr);align-items:baseline;gap:1.1rem;display:grid}.footer__business dt{color:#f6f0df7a;font-size:.78rem;font-weight:700}.footer__business dd{color:#f6f0dfb8;word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:clamp(.86rem,1vw,.98rem);font-weight:700;line-height:1.6}.footer__business a{color:var(--color-ivory)}.footer__bottom{color:#f6f0df8a;justify-content:space-between;gap:2rem;font-size:.9rem;display:flex}.footer__bottom nav{flex-wrap:wrap;gap:1rem;display:flex}.footer__links{gap:.75rem;display:grid}.footer__links nav[aria-label=Service\ keywords]{gap:.75rem;max-width:46rem}.footer__links nav[aria-label=Service\ keywords] a{color:#f6f0df70;font-size:.82rem}@keyframes fallback-orbit{0%{transform:rotateX(64deg)rotateY(0)rotate(0)}to{transform:rotateX(64deg)rotateY(360deg)rotate(360deg)}}@keyframes fallback-core{0%,to{transform:translateY(0)rotate(45deg)scale(.96)}50%{transform:translateY(-.8rem)rotate(60deg)scale(1.04)}}@media (prefers-reduced-motion:reduce){.hero-motion__fallback span,.hero-motion__fallback i{animation:none}}@media (max-width:980px){.site-header{grid-template-columns:1fr auto}.site-header__nav{display:none}.hero,.contact-shell,.contact-page,.work-card{grid-template-columns:1fr}.hero{min-height:auto}.hero__visual{min-height:28rem}.hero-motion{position:relative;inset:auto}.capability-grid,.service-grid,.ai-domain-grid,.seo-service-grid,.keyword-grid,.keyword-faq-grid,.process-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-system{grid-template-columns:repeat(3,minmax(0,1fr))}.work-card div{padding:0 1.2rem 1.2rem}}@media (max-width:680px){.site-header{padding:.8rem 1rem}.site-header__actions .icon-link{display:none}.logo__mark{width:3rem;height:3rem}.logo__word span{font-size:1rem}.logo__word small{font-size:.6rem}.hero{gap:1.75rem;padding-top:6rem;padding-bottom:1rem}.hero h1{font-size:clamp(4.3rem,23vw,6.4rem)}.hero__actions,.contact-form__footer,.keyword-cta,.footer__top,.footer__bottom{flex-direction:column;align-items:stretch}.button{width:100%}.footer__business{margin-bottom:1.7rem;padding:1.55rem 0}.footer__business-row{grid-template-columns:1fr;gap:.22rem}.capability-grid,.service-grid,.ai-domain-grid,.seo-service-grid,.keyword-grid,.keyword-faq-grid,.process-timeline,.brand-system,.form-grid{grid-template-columns:1fr}.hero__visual,.hero-motion__canvas{min-height:18.5rem}.hero__signal{max-width:100%;bottom:.6rem;left:0}.hero-motion__caption{bottom:4.8rem;right:0}.stack-row{grid-template-columns:1fr}.stack-row__chips{gap:.45rem}.orbit-map{gap:1rem;min-height:auto;padding:1rem;display:grid}.orbit-map:before,.orbit-map:after{display:none}.orbit-map__center,.orbit-map article{position:relative;inset:auto;transform:none}.orbit-map__center{aspect-ratio:auto;border-radius:8px;width:100%;min-height:9rem}.orbit-map__center span{margin-top:-1.8rem}.orbit-map article{width:100%}.project-rail{grid-template-columns:repeat(4,82vw)}}