:root{--ink:#0f172a;--paper:#f8fafc;--white:#fff;--primary-rgb:37, 99, 235;--primary:rgb(var(--primary-rgb));--secondary-rgb:79, 70, 229;--secondary:rgb(var(--secondary-rgb));--teal-rgb:13, 148, 136;--teal:rgb(var(--teal-rgb));--coral-rgb:244, 63, 94;--coral:rgb(var(--coral-rgb));--lime-rgb:16, 185, 129;--lime:rgb(var(--lime-rgb));--muted:#64748b;--line:#e2e8f0;--pastel-blue-rgb:191, 219, 254;--pastel-indigo-rgb:199, 210, 254;--pastel-purple-rgb:233, 213, 255;--pastel-teal-rgb:204, 251, 241;--shadow-sm:0 1px 3px #0000000d, 0 1px 2px #00000005;--shadow-md:0 4px 20px -2px #0f172a0a, 0 2px 8px -1px #0f172a05;--shadow-lg:0 20px 40px -15px #0f172a14, 0 0 0 1px #0f172a05;--shadow-glow:0 0 40px rgba(var(--primary-rgb), .15);--header-height:80px;--font-sans:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Apple SD Gothic Neo", sans-serif;--font-display:"Outfit", "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--ink);background:var(--paper);font-family:var(--font-sans);letter-spacing:-.025em;line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.container{width:100%;max-width:1240px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.03em;font-weight:800;line-height:1.2}.gradient-text{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.eyebrow{color:var(--primary);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;background:rgba(var(--primary-rgb), .08);border-radius:8px;margin-bottom:16px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-block}.section-heading{text-align:center;max-width:760px;margin:0 auto 60px}.section-heading h2{color:var(--ink);word-break:keep-all;margin-top:10px;font-size:clamp(28px,4vw,40px)}.section-pad{padding:120px 0}@media (width<=768px){.section-pad{padding:80px 0}}.button{cursor:pointer;min-height:52px;box-shadow:var(--shadow-sm);z-index:1;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:0 28px;font-size:15px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.button.primary{color:var(--white);background:var(--primary);box-shadow:0 4px 14px rgba(var(--primary-rgb), .2)}.button.primary:hover{box-shadow:0 8px 22px rgba(var(--primary-rgb), .35);background:var(--secondary);transform:translateY(-2px)}.button.secondary{color:var(--ink);border-color:var(--line);background:var(--white)}.button.secondary:hover{background:var(--paper);border-color:var(--muted);transform:translateY(-2px)}.site-header{z-index:100;height:var(--header-height);background:0 0;align-items:center;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}.site-header.scrolled{-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-sm);background:#ffffffd9;border-bottom:1px solid #0f172a0d;height:70px}.header-container{justify-content:space-between;align-items:center;width:100%;display:flex}.brand{color:var(--ink);font-size:18px;font-weight:800;font-family:var(--font-display);align-items:center;gap:12px;display:inline-flex}.brand-mark{width:36px;height:36px;color:var(--white);background:linear-gradient(135deg, var(--primary), var(--secondary));box-shadow:0 4px 10px rgba(var(--primary-rgb), .2);border-radius:8px;place-items:center;font-size:14px;font-weight:900;display:grid}.brand:hover .brand-mark{transform:scale(1.05)}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--muted);padding:8px 0;font-size:15px;font-weight:600;position:relative}.nav-links a:hover{color:var(--primary)}.nav-links a:after{content:"";background:var(--primary);transform-origin:100%;width:100%;height:2px;transition:transform .25s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-links a:hover:after{transform-origin:0;transform:scaleX(1)}.mobile-nav-toggle{color:var(--ink);cursor:pointer;z-index:110;background:0 0;border:none;padding:8px;display:none}@media (width<=768px){.mobile-nav-toggle{display:block}.nav-links{background:var(--white);width:280px;box-shadow:var(--shadow-lg);z-index:105;flex-direction:column;justify-content:center;gap:24px;padding:40px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;inset:0 0 0 auto;transform:translate(100%)}.nav-links.open{transform:translate(0)}.nav-links a{text-align:left;width:100%;color:var(--ink);font-size:18px}}.hero{min-height:90vh;padding:calc(var(--header-height) + 60px) 0 100px;background:var(--white);z-index:1;flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.mesh-container{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.mesh-glow{filter:blur(140px);opacity:.55;border-radius:50%;animation:20s ease-in-out infinite alternate floatGlow;position:absolute}.mesh-glow.c1{background:rgba(var(--pastel-blue-rgb), .8);width:500px;height:500px;top:-10%;right:-5%}.mesh-glow.c2{background:rgba(var(--pastel-indigo-rgb), .7);width:450px;height:450px;animation-delay:-5s;bottom:-5%;left:-5%}.mesh-glow.c3{background:rgba(var(--pastel-teal-rgb), .6);width:400px;height:400px;animation-delay:-10s;top:30%;left:35%}@keyframes floatGlow{0%{transform:translate(0)scale(1)}50%{transform:translate(40px,-40px)scale(1.1)}to{transform:translate(-20px,30px)scale(.95)}}.hero-media{pointer-events:none;z-index:1;opacity:.03;position:absolute;inset:0}.hero-media img{object-fit:cover;width:100%;height:100%}.hero-container{z-index:3;flex-direction:column;align-items:center;display:flex;position:relative}.hero-content{text-align:center;flex-direction:column;align-items:center;max-width:840px;margin-bottom:80px;display:flex}.hero h1{color:var(--ink);word-break:keep-all;margin-bottom:20px;font-size:clamp(34px,5.5vw,62px);line-height:1.15}.hero-copy{color:var(--muted);word-break:keep-all;max-width:680px;margin-bottom:36px;font-size:clamp(15px,1.6vw,18px);line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.hero-features{grid-template-columns:repeat(3,1fr);gap:24px;width:100%;display:grid}.hero-feature-card{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow-md);border-radius:8px;flex-direction:column;padding:36px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.hero-feature-card:hover{box-shadow:var(--shadow-lg);border-color:rgba(var(--primary-rgb), .2);transform:translateY(-6px)}.feature-icon-wrapper{margin-bottom:24px}.feature-num{font-family:var(--font-display);color:var(--primary);background:rgba(var(--primary-rgb), .08);border-radius:8px;padding:6px 12px;font-size:14px;font-weight:800}.hero-feature-card strong{color:var(--ink);margin-bottom:8px;font-size:18px;font-weight:700;display:block}.hero-feature-card p{color:var(--muted);font-size:14px;line-height:1.6}@media (width<=992px){.hero-features{grid-template-columns:1fr;gap:16px}}.intro-section{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.intro-grid{grid-template-columns:repeat(2,1fr);gap:40px;display:grid}.intro-block{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:8px;padding:40px;transition:all .3s}.intro-block:hover{box-shadow:var(--shadow-md);border-color:rgba(var(--primary-rgb), .1)}.intro-block h3{color:var(--ink);word-break:keep-all;margin-bottom:20px;font-size:clamp(20px,2.5vw,24px);line-height:1.4}.intro-block .intro-desc{color:var(--muted);word-break:keep-all;font-size:15px;line-height:1.7}@media (width<=768px){.intro-grid{grid-template-columns:1fr;gap:20px}.intro-block{padding:30px}}.work-section{background:var(--white)}.work-filter-bar{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:48px;display:flex}.filter-btn{background:var(--paper);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s}.filter-btn:hover{background:var(--white);color:var(--ink);border-color:var(--muted)}.filter-btn.active{background:var(--primary);color:var(--white);border-color:var(--primary);box-shadow:0 4px 12px rgba(var(--primary-rgb), .15)}.work-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.work-card{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:8px;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.work-card:hover{box-shadow:var(--shadow-lg);border-color:rgba(var(--primary-rgb), .15);transform:translateY(-6px)}.work-card-img-wrapper{aspect-ratio:16/10;background:#f1f5f9;overflow:hidden}.work-card img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.work-card:hover img{transform:scale(1.04)}.work-card-content{flex-direction:column;flex-grow:1;padding:28px;display:flex}.work-card-category{color:var(--primary);letter-spacing:.05em;margin-bottom:12px;font-size:12px;font-weight:700;display:inline-block}.work-card h3{color:var(--ink);word-break:keep-all;margin-bottom:10px;font-size:18px;line-height:1.4}.work-card p{color:var(--muted);word-break:keep-all;font-size:14px;line-height:1.6}@media (width<=992px){.work-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.work-grid{grid-template-columns:1fr}}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-container{background:var(--white);width:100%;max-width:760px;max-height:90vh;box-shadow:var(--shadow-lg);border:1px solid var(--line);border-radius:8px;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp;position:relative;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close-btn{background:var(--paper);border:1px solid var(--line);cursor:pointer;width:36px;height:36px;color:var(--ink);z-index:10;border-radius:8px;place-items:center;transition:all .2s;display:grid;position:absolute;top:20px;right:20px}.modal-close-btn:hover{background:var(--ink);color:var(--white)}.modal-hero-img{aspect-ratio:16/9;object-fit:cover;background:#ebeef2;width:100%}.modal-body{padding:40px}.modal-tag{color:var(--primary);margin-bottom:12px;font-size:13px;font-weight:700;display:block}.modal-title{color:var(--ink);margin-bottom:16px;font-size:24px;line-height:1.35}.modal-desc{color:var(--muted);margin-bottom:30px;font-size:15px;line-height:1.7}.modal-meta-grid{border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:24px;padding-top:28px;display:grid}.modal-meta-item strong{color:var(--ink);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:12px;display:block}.modal-meta-item span{color:var(--muted);font-size:14px;line-height:1.6}@media (width<=576px){.modal-body{padding:24px}.modal-meta-grid{grid-template-columns:1fr;gap:16px}}.services-section{color:var(--white);background:#0f172a}.services-section .eyebrow{color:var(--white);background:#ffffff1a}.services-section .section-heading h2{color:var(--white)}.services-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.service-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;padding:44px;transition:all .3s cubic-bezier(.4,0,.2,1)}.service-card:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-6px);box-shadow:0 12px 30px #0003}.service-num{font-family:var(--font-display);color:var(--primary);background:rgba(var(--primary-rgb), .15);border-radius:8px;margin-bottom:24px;padding:6px 12px;font-size:14px;font-weight:800;display:inline-block}.service-card h3{margin-bottom:14px;font-size:20px;font-weight:700}.service-card p{color:#94a3b8;font-size:14px;line-height:1.7}@media (width<=992px){.services-grid{grid-template-columns:1fr;gap:20px}}.references-section{background:var(--paper)}.references-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.reference-card{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:8px;padding:36px;transition:all .3s}.reference-card:hover{box-shadow:var(--shadow-md);border-color:rgba(var(--primary-rgb), .1);transform:translateY(-4px)}.reference-card h3{color:var(--primary);border-bottom:1px solid var(--line);margin-bottom:20px;padding-bottom:16px;font-size:18px}.reference-list{flex-direction:column;gap:12px;list-style:none;display:flex}.reference-item{color:#475569;padding-left:18px;font-size:14px;line-height:1.6;position:relative}.reference-item:before{content:"";background:var(--coral);border-radius:50%;width:5px;height:5px;position:absolute;top:9px;left:0}@media (width<=992px){.references-grid{grid-template-columns:1fr;gap:20px}}.contact-section{color:var(--white);background:#0f172a}.contact-section .eyebrow{color:#93c5fd;background:#2563eb26}.contact-container{grid-template-columns:1fr 1.2fr;align-items:start;gap:60px;display:grid}.contact-text h2{word-break:keep-all;margin-bottom:20px;font-size:clamp(24px,3.2vw,36px);font-weight:800;line-height:1.35}.contact-text p{color:#cbd5e1;font-size:15px;line-height:1.75}.contact-form{background:var(--white);box-shadow:var(--shadow-lg);color:var(--ink);border:1px solid var(--line);border-radius:8px;gap:20px;padding:40px;display:grid}.form-group{gap:8px;display:grid}.form-group label{color:#475569;font-size:14px;font-weight:600}.form-group input,.form-group textarea{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);resize:none;border-radius:8px;padding:14px 16px;font-family:inherit;font-size:14px;transition:all .25s}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);background:var(--white);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .12);outline:none}.form-group.error input,.form-group.error textarea{border-color:var(--coral);box-shadow:0 0 0 3px rgba(var(--coral-rgb), .12)}.form-error-msg{color:var(--coral);font-size:12px;font-weight:600}.contact-form button[type=submit]{background:var(--primary);color:var(--white);cursor:pointer;min-height:52px;box-shadow:0 4px 12px rgba(var(--primary-rgb), .2);border:none;border-radius:8px;margin-top:12px;font-size:16px;font-weight:700;transition:all .2s}.contact-form button[type=submit]:hover{background:var(--secondary);box-shadow:0 8px 20px rgba(var(--primary-rgb), .35);transform:translateY(-1px)}.contact-form button[type=submit]:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-feedback{text-align:center;border-radius:8px;padding:16px;font-size:14px;font-weight:600}.form-feedback.success{color:#065f46;background:#10b9811a;border:1px solid #10b98133}.form-feedback.error{color:#9f1239;background:#f43f5e1a;border:1px solid #f43f5e33}@media (width<=900px){.contact-container{grid-template-columns:1fr;gap:40px}.contact-form{padding:30px}}.site-footer{color:#ffffff80;background:#090d16;border-top:1px solid #ffffff0d;padding:60px 0}.footer-container{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:30px;display:flex}.footer-content{flex-direction:column;gap:16px;max-width:600px;display:flex}.footer-brand{color:var(--white);font-size:16px;font-weight:800;font-family:var(--font-display)}.footer-info{flex-direction:column;gap:8px;font-size:13px;display:flex}.footer-info .info-row{flex-wrap:wrap;align-items:center;gap:12px;margin:0;display:flex}.footer-info .divider{color:#ffffff26}.footer-copy{text-align:right;align-self:flex-end;font-size:13px}@media (width<=900px){.footer-container{flex-direction:column;align-items:stretch;gap:40px}.footer-copy{text-align:left;border-top:1px solid #ffffff0d;align-self:flex-start;width:100%;padding-top:24px}}