:root{--color-bg: #f4f7fb;--color-surface: #ffffff;--color-primary: #0b1f3a;--color-accent: #1a6fd4;--color-accent-light: #e8f2fc;--color-text: #1e293b;--color-text-muted: #64748b;--color-border: #e2e8f0;--font-sans: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius: 12px;--shadow: 0 4px 24px rgba(11, 31, 58, .08);--max-width: 1200px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.site-header{position:sticky;top:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border)}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:4rem}.logo{font-size:1.25rem;font-weight:700;color:var(--color-primary);letter-spacing:-.02em}.logo span{color:var(--color-accent)}.nav-list{display:flex;gap:2rem;list-style:none}.nav-list a{font-size:.9rem;font-weight:500;color:var(--color-text-muted);transition:color .2s}.nav-list a:hover,.nav-list a[aria-current=page]{color:var(--color-accent)}.hero{padding:5rem 0 4rem;background:linear-gradient(160deg,var(--color-primary) 0%,#153a6b 100%);color:#fff}.hero-eyebrow{display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#93c5fd;margin-bottom:1rem}.hero h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.2;letter-spacing:-.03em;margin-bottom:1.25rem}.hero-desc{font-size:1.1rem;color:#cbd5e1;max-width:560px;margin-bottom:2rem}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;border:none;cursor:pointer;transition:background .2s,transform .15s}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:#1558a8}.btn-outline{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4)}.btn-outline:hover{border-color:#fff}.section{padding:4rem 0}.section-header{text-align:center;margin-bottom:3rem}.section-eyebrow{font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin-bottom:.5rem}.section-header h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--color-primary);letter-spacing:-.02em}.section-header p{color:var(--color-text-muted);margin-top:.75rem;max-width:560px;margin-inline:auto}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.tech-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.tech-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b1f3a1f}.tech-card-icon{width:3rem;height:3rem;background:var(--color-accent-light);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.25rem}.tech-card h3{font-size:1.1rem;font-weight:700;color:var(--color-primary);margin-bottom:.5rem}.tech-card .tech-sub{font-size:.8rem;color:var(--color-accent);font-weight:600;margin-bottom:.75rem}.tech-card p{font-size:.9rem;color:var(--color-text-muted);line-height:1.7}.tech-card a{display:inline-block;margin-top:1.25rem;font-size:.85rem;font-weight:600;color:var(--color-accent)}.feature-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;list-style:none}.feature-item{background:var(--color-surface);border-radius:var(--radius);padding:1.5rem;border:1px solid var(--color-border)}.feature-item h4{font-size:.95rem;font-weight:700;color:var(--color-primary);margin-bottom:.5rem}.feature-item p{font-size:.875rem;color:var(--color-text-muted)}.page-hero{padding:3.5rem 0 2.5rem;background:var(--color-primary);color:#fff}.page-hero h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.02em}.page-hero .subtitle{color:#94a3b8;margin-top:.75rem;font-size:1rem}.content-block{background:var(--color-surface);border-radius:var(--radius);padding:2rem;border:1px solid var(--color-border);margin-bottom:1.5rem}.content-block h2{font-size:1.2rem;font-weight:700;color:var(--color-primary);margin-bottom:1rem}.content-block p,.content-block li{font-size:.95rem;color:var(--color-text-muted);line-height:1.8}.content-block ul{padding-left:1.25rem}.placeholder-note{background:var(--color-accent-light);border:1px dashed var(--color-accent);border-radius:8px;padding:1rem 1.25rem;font-size:.85rem;color:var(--color-accent);margin-top:1rem}.cta-band{background:var(--color-primary);color:#fff;padding:3.5rem 0;text-align:center}.cta-band h2{font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.cta-band p{color:#94a3b8;margin-bottom:1.5rem}.site-footer{background:var(--color-primary);color:#94a3b8;padding:3rem 0 2rem;font-size:.85rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;margin-bottom:2rem}.footer-brand{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.75rem}.footer-col h4{color:#e2e8f0;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}.footer-col ul{list-style:none}.footer-col li{margin-bottom:.5rem}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem;text-align:center}@media(max-width:768px){.nav-list{display:none}.footer-grid{grid-template-columns:1fr}}