:root{--ink: #16202e;--muted: #5c6b7a;--line: #e4e8ec;--bg: #fff;--soft: #f5f7f9;--navy: #0f2740;--navy-deep: #0a1c30;--accent: #1d6fe0;--accent-dark: #1550a8;--coral: #f2664e;--radius: 8px;--max: 1120px}*{box-sizing:border-box}html{overflow-x:hidden}h1,h2,h3,p,li,td,th,dd{word-break:keep-all;overflow-wrap:break-word}img,svg,video{max-width:100%;height:auto}body{margin:0;overflow-x:hidden;font-family:-apple-system,Pretendard,Malgun Gothic,sans-serif;color:var(--ink);background:var(--bg);line-height:1.7;-webkit-font-smoothing:antialiased}.wrap{max-width:var(--max);margin:0 auto;padding:0 28px;width:100%}h1{font-size:2rem;font-weight:700;letter-spacing:-.02em}h2{font-size:1.4rem;font-weight:600;letter-spacing:-.01em}a{color:var(--accent)}header{background:var(--navy);position:sticky;top:0;z-index:50}.nav{display:flex;align-items:center;justify-content:space-between;height:68px}.logo{display:inline-flex;align-items:center;text-decoration:none}.logo img{height:28px;width:auto;display:block}.nav ul{display:flex;gap:30px;list-style:none;margin:0;padding:0}.nav a.link{color:#ffffffc7;text-decoration:none;font-size:.95rem;font-weight:500;transition:color .15s}.nav a.link:hover,.nav a.link[aria-current=page]{color:#fff}.btn{display:inline-block;padding:12px 24px;border-radius:var(--radius);background:var(--accent);color:#fff;border:0;font-size:.95rem;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s}.btn:hover{background:var(--accent-dark)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-coral{background:var(--coral)}.btn-coral:hover{background:#d9503a}footer{background:var(--navy-deep);padding:44px 0}footer p{color:#fff9;font-size:.85rem;margin:4px 0}footer .ft-logo{display:flex;align-items:center;margin-bottom:12px}footer .ft-logo img{height:24px;width:auto}input,textarea,select{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:var(--radius);font:inherit;background:#fff}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}label{display:block;font-size:.88rem;color:var(--muted);margin-bottom:5px;font-weight:500}.err{color:#c0392b;font-size:.82rem;margin-top:4px}.field{margin-bottom:16px}.section{padding-top:72px;padding-bottom:72px}.hero{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-ov{position:absolute;inset:0;z-index:1;background:linear-gradient(105deg,#0a1c30f0,#0f2740db 45%,#0f27406b)}.hero-in{position:relative;z-index:2;padding-top:64px;padding-bottom:64px}.hero h1{color:#fff;font-size:2.6rem;line-height:1.25;margin:0 0 18px;max-width:640px}.hero p.lead{color:#ffffffd9;max-width:520px;margin:0 0 32px;font-size:1.05rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.card{border:1px solid var(--line);border-radius:14px;padding:30px}.two-col{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;align-items:start}.form-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.prod-card{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start}.eyebrow{color:var(--accent);font-weight:700;font-size:.82rem;letter-spacing:.1em;margin:0 0 12px}@media (max-width: 860px){.wrap{padding:0 24px}.nav{height:60px}.nav ul{gap:14px}.nav a.link{font-size:.85rem}.logo img{height:22px}h1{font-size:1.55rem;line-height:1.35}h2{font-size:1.2rem}.section{padding-top:44px;padding-bottom:44px}.btn{padding:11px 20px;font-size:.92rem}table{display:block;overflow-x:auto}.hero{min-height:420px}.hero-in{padding-top:44px;padding-bottom:44px}.hero h1{font-size:1.7rem;line-height:1.34;margin-bottom:14px}.hero p.lead{font-size:.95rem;margin-bottom:24px}.hero-ov{background:linear-gradient(180deg,#0a1c30eb,#0f2740db)}.two-col{grid-template-columns:1fr;gap:20px}.form-2{grid-template-columns:1fr;gap:0}.card{padding:22px}.cards{gap:14px}.prod-card{grid-template-columns:1fr;gap:16px}}@media (max-width: 480px){.wrap{padding:0 22px}.nav ul{gap:11px}.nav a.link{font-size:.8rem}h1{font-size:1.35rem}.hero{min-height:380px}.hero h1{font-size:1.5rem}.hero p.lead{font-size:.9rem}}