:root{--navy:#0b1a2e;--navy-light:#132d4f;--teal:#1a8a7d;--teal-light:#2ab5a5;--orange:#e8945a;--orange-pale:#f4c59e;--white:#f8f9fa;--white-pure:#fff;--grey-light:#e8ecf0;--grey:#94a3b8;--grey-dark:#475569;--text-primary:#0b1a2e;--text-secondary:#475569;--bg-section:#f1f5f9;--font-ko:"Noto Sans KR", sans-serif;--font-en:"Inter", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-ko), var(--font-en), sans-serif;color:var(--text-primary);background:var(--white-pure);line-height:1.7;overflow-x:hidden}.dag-bg{pointer-events:none;z-index:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cdefs%3E%3Cpattern id='dag' width='300' height='300' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='30' cy='30' r='4' fill='%230b1a2e'/%3E%3Ccircle cx='120' cy='60' r='4' fill='%230b1a2e'/%3E%3Ccircle cx='210' cy='40' r='4' fill='%230b1a2e'/%3E%3Ccircle cx='90' cy='150' r='4' fill='%230b1a2e'/%3E%3Ccircle cx='180' cy='130' r='4' fill='%230b1a2e'/%3E%3Ccircle cx='270' cy='170' r='4' fill='%230b1a2e'/%3E%3Ccircle cx='60' cy='250' r='4' fill='%230b1a2e'/%3E%3Ccircle cx='150' cy='230' r='4' fill='%230b1a2e'/%3E%3Ccircle cx='240' cy='260' r='4' fill='%230b1a2e'/%3E%3Cline x1='30' y1='30' x2='120' y2='60' stroke='%230b1a2e' stroke-width='1'/%3E%3Cline x1='120' y1='60' x2='210' y2='40' stroke='%230b1a2e' stroke-width='1'/%3E%3Cline x1='120' y1='60' x2='90' y2='150' stroke='%230b1a2e' stroke-width='1'/%3E%3Cline x1='210' y1='40' x2='180' y2='130' stroke='%230b1a2e' stroke-width='1'/%3E%3Cline x1='90' y1='150' x2='180' y2='130' stroke='%230b1a2e' stroke-width='1'/%3E%3Cline x1='180' y1='130' x2='270' y2='170' stroke='%230b1a2e' stroke-width='1'/%3E%3Cline x1='90' y1='150' x2='60' y2='250' stroke='%230b1a2e' stroke-width='1'/%3E%3Cline x1='180' y1='130' x2='150' y2='230' stroke='%230b1a2e' stroke-width='1'/%3E%3Cline x1='270' y1='170' x2='240' y2='260' stroke='%230b1a2e' stroke-width='1'/%3E%3Cline x1='60' y1='250' x2='150' y2='230' stroke='%230b1a2e' stroke-width='1'/%3E%3Cline x1='150' y1='230' x2='240' y2='260' stroke='%230b1a2e' stroke-width='1'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='300' height='300' fill='url(%23dag)'/%3E%3C/svg%3E");background-repeat:repeat;position:fixed;inset:0}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{z-index:1;padding:120px 0;position:relative}.section:nth-child(2n of .section){background:var(--bg-section)}.section-title{text-align:center;color:var(--navy);letter-spacing:-.02em;margin-bottom:16px;font-size:2.5rem;font-weight:700}.section-desc{text-align:center;color:var(--text-secondary);max-width:600px;margin:0 auto 64px;font-size:1.125rem;line-height:1.8}.nav{z-index:100;-webkit-backdrop-filter:blur(16px);background:#ffffffd9;border-bottom:1px solid #0b1a2e0f;transition:box-shadow .3s;position:fixed;top:0;left:0;right:0}.nav.scrolled{box-shadow:0 2px 20px #0b1a2e14}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;height:72px;margin:0 auto;padding:0 24px;display:flex}.nav-logo{flex-direction:column;gap:2px;text-decoration:none;display:flex}.logo-text{color:var(--navy);letter-spacing:-.02em;font-size:1.125rem;font-weight:700}.logo-sub{color:var(--teal);font-size:.75rem;font-family:var(--font-en);letter-spacing:.02em;font-weight:500}.nav-right{align-items:center;gap:32px;display:flex}.nav-links{gap:28px;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.nav-links a:hover{color:var(--teal)}.lang-toggle{background:var(--navy);color:var(--white);cursor:pointer;font-size:.8rem;font-weight:600;font-family:var(--font-en);border:none;border-radius:20px;padding:6px 16px;transition:background .2s}.lang-toggle:hover{background:var(--teal)}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.mobile-menu-btn span{background:var(--navy);border-radius:2px;width:24px;height:2px;transition:transform .3s,opacity .3s;display:block}.hero{background:var(--navy);justify-content:center;align-items:center;height:100vh;min-height:600px;display:flex;position:relative;overflow:hidden}#waveCanvas{width:100%;height:100%;position:absolute;inset:0}.hero-overlay{z-index:2;text-align:center;padding:0 24px;position:relative}.hero-title{color:var(--white);letter-spacing:-.03em;margin-bottom:24px;font-size:4rem;font-weight:700;line-height:1.2}.hero-subtitle{color:#f8f9fabf;max-width:560px;margin:0 auto 48px;font-size:1.25rem;line-height:1.8}.hero-cta{background:var(--orange);color:var(--white);letter-spacing:.01em;border-radius:40px;padding:16px 40px;font-size:1rem;font-weight:600;text-decoration:none;transition:background .3s,transform .2s;display:inline-block}.hero-cta:hover{background:var(--orange-pale);color:var(--navy);transform:translateY(-2px)}.services-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.service-card{background:var(--white-pure);border:1px solid var(--grey-light);border-radius:16px;padding:36px 28px;transition:transform .3s,box-shadow .3s}.service-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0b1a2e14}.service-icon{width:48px;height:48px;color:var(--teal);margin-bottom:20px}.service-icon svg{width:100%;height:100%}.service-card h3{color:var(--navy);margin-bottom:12px;font-size:1.125rem;font-weight:600}.service-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.7}.tech-categories{grid-template-columns:repeat(2,1fr);gap:48px;display:grid}.tech-category h3{color:var(--navy);border-bottom:2px solid var(--teal);margin-bottom:20px;padding-bottom:12px;font-size:1.25rem;font-weight:600;display:inline-block}.tech-tags{flex-wrap:wrap;gap:10px;display:flex}.tech-tag{background:var(--white-pure);border:1px solid var(--grey-light);color:var(--text-secondary);border-radius:24px;padding:8px 20px;font-size:.85rem;font-weight:500;transition:border-color .2s,color .2s,background .2s}.tech-tag:hover{border-color:var(--teal);color:var(--teal);background:#1a8a7d0a}.usecases-grid{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.usecase-card{background:var(--white-pure);border:1px solid var(--grey-light);border-radius:16px;padding:40px;transition:transform .3s,box-shadow .3s}.usecase-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0b1a2e14}.usecase-sector{background:var(--orange);color:var(--white);border-radius:20px;margin-bottom:16px;padding:4px 14px;font-size:.8rem;font-weight:600;display:inline-block}.usecase-card h3{color:var(--navy);margin-bottom:12px;font-size:1.25rem;font-weight:600}.usecase-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.scenarios-list{flex-direction:column;gap:0;max-width:720px;margin:0 auto;display:flex}.scenario-item{border-bottom:1px solid var(--grey-light);align-items:flex-start;gap:32px;padding:36px 0;display:flex}.scenario-item:last-child{border-bottom:none}.scenario-step{color:var(--teal);font-size:2.5rem;font-weight:700;font-family:var(--font-en);opacity:.7;min-width:64px;line-height:1}.scenario-content h3{color:var(--navy);margin-bottom:8px;font-size:1.25rem;font-weight:600}.scenario-content p{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.contact-grid{grid-template-columns:repeat(3,1fr);gap:32px;max-width:800px;margin:0 auto;display:grid}.contact-card{text-align:center;background:var(--white-pure);border:1px solid var(--grey-light);border-radius:16px;padding:40px 24px}.contact-label{color:var(--teal);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:.85rem;font-weight:600}.contact-value{color:var(--navy);font-size:1.1rem;font-weight:500;text-decoration:none}a.contact-value:hover{color:var(--teal)}.about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:64px;display:grid}.about-text p{color:var(--text-secondary);margin-bottom:20px;font-size:1.05rem;line-height:1.9}.about-text p:last-child{margin-bottom:0}.about-values{flex-direction:column;gap:32px;display:flex}.value-item{border-left:3px solid var(--orange);padding-left:20px}.value-item h4{color:var(--navy);margin-bottom:6px;font-size:1.1rem;font-weight:600}.value-item p{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.footer{z-index:1;background:var(--navy);color:var(--white);padding:48px 0;position:relative}.footer-inner{justify-content:space-between;align-items:center;display:flex}.footer-logo{font-size:1.125rem;font-weight:700}.footer-sub{opacity:.6;font-size:.8rem;font-family:var(--font-en);margin-left:12px}.footer-copy{opacity:.5;font-size:.85rem;font-family:var(--font-en)}@media (width<=1024px){.services-grid{grid-template-columns:repeat(2,1fr)}.tech-categories{grid-template-columns:1fr;gap:40px}}@media (width<=768px){.nav-links{display:none}.mobile-menu-btn{display:flex}.nav-links.active{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--grey-light);background:#fffffff7;flex-direction:column;gap:16px;padding:24px;display:flex;position:absolute;top:72px;left:0;right:0}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.section{padding:80px 0}.section-title{font-size:2rem}.services-grid,.usecases-grid,.contact-grid{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr;gap:40px}.footer-inner{text-align:center;flex-direction:column;gap:16px}.scenario-item{gap:20px}.scenario-step{min-width:48px;font-size:2rem}}@media (width<=480px){.hero-title{font-size:2rem}.section-title{font-size:1.75rem}.container{padding:0 16px}}
