*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:'Kanit',system-ui,sans-serif;font-weight:300;color:#374151;background:#fff;line-height:1.7}.container{width:100%;max-width:960px;margin:0 auto;padding:0 24px}nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.96);border-bottom:1px solid #E5E7EB;backdrop-filter:blur(12px)}.nav-inner{height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#1F2937;font-weight:600}.logo-icon{width:36px;height:36px;background:#06B6D4;border-radius:8px;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:7px 6px}.logo-bar{width:5px;background:#fff;border-radius:2px 2px 0 0}.logo-bar:nth-child(1){height:10px}.logo-bar:nth-child(2){height:15px}.logo-bar:nth-child(3){height:8px}.logo span span{color:#06B6D4}.nav-links{display:flex;gap:24px;list-style:none}.nav-links a{color:#4B5563;text-decoration:none;font-size:14px;font-weight:400}.nav-links a:hover{color:#06B6D4}main{padding:140px 0 88px}.eyebrow{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#06B6D4;margin-bottom:12px}h1{font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.08;color:#1F2937;margin-bottom:22px;font-weight:600}h2{font-size:1.3rem;color:#1F2937;margin:34px 0 10px;font-weight:600}p,li{font-size:1rem;color:#4B5563}ul{padding-left:22px;margin-top:8px}.notice{background:#F9FAFB;border:1px solid #E5E7EB;border-radius:10px;padding:18px 20px;margin-top:28px}footer a{color:rgba(255,255,255,.65);text-decoration:none}footer a:hover{color:#06B6D4}#nav .nav-toggle{display:none;background:transparent;border:0;cursor:pointer;padding:8px;margin-left:auto;flex-direction:column;gap:5px}#nav .nav-toggle span{display:block;width:22px;height:2px;background:#1F2937;border-radius:2px}@media(max-width:768px){.nav-links{display:none}#nav .nav-toggle{display:flex}#nav.nav-open .nav-inner{height:auto;min-height:68px;flex-wrap:wrap;padding-bottom:14px}#nav.nav-open .nav-links{display:flex;flex-basis:100%;order:3;flex-direction:column;align-items:stretch;gap:2px;margin:8px 0 0;padding:12px;background:#fff;border:1px solid #E5E7EB;border-radius:12px}#nav.nav-open .nav-links a{display:block;padding:11px 12px;border-radius:8px}main{padding-top:112px}}.nav-item{position:relative}.nav-link-trigger{display:flex!important;align-items:center;gap:6px}.nav-caret{font-size:.68rem;color:var(--g400,#9CA3AF)}.nav-dropdown{position:absolute;top:calc(100%+8px);left:0;width:286px;background:#fff;border:1px solid var(--g200,var(--gray-200,#E5E7EB));border-radius:12px;box-shadow:0 18px 40px rgba(17,24,39,.12);padding:8px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px);transition:all .2s;z-index:200}.nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.nav-dropdown a{display:block!important;padding:10px 12px!important;border-radius:9px!important;color:var(--g600,var(--gray-600,#4B5563))!important;text-decoration:none!important}.nav-dropdown a:hover{background:var(--g50,var(--gray-50,#F9FAFB))!important;color:var(--navy,#1F2937)!important}.nav-drop-title{display:block;font-size:.86rem;font-weight:600;color:var(--navy,#1F2937)}.nav-drop-desc{display:block;font-size:.72rem;font-weight:300;color:var(--g500,var(--gray-500,#6B7280));margin-top:2px;line-height:1.35}@media(max-width:768px){#nav.nav-open .nav-item{width:100%}#nav.nav-open .nav-dropdown{position:static;opacity:1;visibility:visible;pointer-events:auto;transform:none;box-shadow:none;border:0;padding:4px 0 0 12px;background:transparent;width:auto}}