:root{color-scheme:light}html{font-family:system-ui,sans-serif;scroll-behavior:smooth}.ai-sns-header{--navy-950: #050a17;--navy-900: #071732;--slate-600: #475569;--white: #ffffff;--sky-500: #4fa3ff;--mint-500: #1bd6d0;position:sticky;top:0;z-index:40;background:#ffffffeb;backdrop-filter:blur(16px);box-shadow:0 1px #0f172a14}:global(body.nav-open){overflow:hidden}.ai-sns-header .container{width:min(1120px,92vw);margin:0 auto}.ai-sns-header .header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:68px;position:relative;z-index:2}.ai-sns-header .header__brand{text-decoration:none;display:inline-flex;align-items:center}.ai-sns-header .header__brand-text{display:inline-flex;align-items:baseline;gap:8px}.ai-sns-header .header__tagline{font-size:.7rem;font-weight:600;color:var(--navy-900);letter-spacing:.04em}.ai-sns-header .header__logo{font-weight:700;letter-spacing:.08em;font-size:1.2rem;color:var(--navy-900)}.ai-sns-header .header__nav{display:flex;align-items:center;gap:32px}.ai-sns-header .header__nav ul{list-style:none;padding:0;margin:0;display:flex;gap:24px}.ai-sns-header .header__nav li{list-style:none}.ai-sns-header .header__nav a{text-decoration:none;color:var(--slate-600);font-weight:500;transition:color .2s ease}.ai-sns-header .header__nav a:hover{color:var(--navy-900)}.ai-sns-header .header__cta{display:flex;align-items:center;gap:12px}.ai-sns-header .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;padding:12px 24px;border-radius:999px;border:none;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;cursor:pointer}.ai-sns-header .btn--primary{background:linear-gradient(135deg,var(--sky-500),#aeff5c);box-shadow:0 18px 32px #4fa3ff38;color:var(--white)}.ai-sns-header .btn--primary:hover{transform:translateY(-2px);box-shadow:0 20px 36px #4fa3ff47}.ai-sns-header .btn--ghost{background:#ffffffe6;color:var(--navy-900);border:1px solid rgba(15,23,42,.12);backdrop-filter:blur(8px)}.ai-sns-header .btn--ghost:hover{transform:translateY(-2px);box-shadow:0 14px 28px #0f172a1a}.ai-sns-header .header__toggle{display:none;position:relative;width:42px;height:42px;border-radius:999px;border:1px solid rgba(15,23,42,.12);background:#ffffffe6;cursor:pointer;z-index:5}.ai-sns-header .header__toggle-line,.ai-sns-header .header__toggle-line:before,.ai-sns-header .header__toggle-line:after{display:block;width:20px;height:2px;border-radius:999px;background:var(--navy-900);transition:transform .22s ease,opacity .18s ease,top .22s ease}.ai-sns-header .header__toggle-line{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ai-sns-header .header__toggle-line:before,.ai-sns-header .header__toggle-line:after{position:absolute;left:0;content:""}.ai-sns-header .header__toggle-line:before{top:-6px}.ai-sns-header .header__toggle-line:after{top:6px}.ai-sns-header .header__toggle.is-open .header__toggle-line{background:transparent}.ai-sns-header .header__toggle.is-open .header__toggle-line:before{top:0;transform:rotate(45deg)}.ai-sns-header .header__toggle.is-open .header__toggle-line:after{top:0;transform:rotate(-45deg)}.ai-sns-header.is-open .header__toggle-line:before,.ai-sns-header.is-open .header__toggle-line:after{background:var(--white)}.ai-sns-header .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 960px){.ai-sns-header{padding:8px 0}.ai-sns-header:after{content:"";position:fixed;inset:0;background:#07173294;opacity:0;transition:opacity .24s ease;pointer-events:none;z-index:0}.ai-sns-header.is-open:after{opacity:1}.ai-sns-header .header__inner{flex-wrap:wrap;align-items:center;gap:12px}.ai-sns-header .header__toggle{display:flex;margin-left:auto;border:1px solid rgba(15,23,42,.12);background:#fffffff2;backdrop-filter:none}.ai-sns-header.is-open .header__toggle{border-color:#ffffff52;background:#071732b3;backdrop-filter:blur(18px)}.ai-sns-header .header__nav{order:3;width:100%;display:none;flex-direction:column;align-items:stretch;gap:24px;margin-top:0}.ai-sns-header.is-open .header__nav{display:flex;position:fixed;top:calc(76px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);width:min(480px,calc(100vw - 32px));padding:28px 24px 32px;padding-top:calc(28px + env(safe-area-inset-top,0px));background:linear-gradient(145deg,#0c2647f2,#071732ed);border-radius:28px;border:1px solid rgba(255,255,255,.08);box-shadow:0 36px 72px #050a1752;gap:32px;max-height:calc(100dvh - 128px - env(safe-area-inset-top,0px));overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:3}.ai-sns-header.is-open .header__nav::-webkit-scrollbar{width:4px}.ai-sns-header.is-open .header__nav::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}.ai-sns-header.is-open .header__nav ul{width:100%;flex-direction:column;gap:0}.ai-sns-header.is-open .header__nav li{width:100%}.ai-sns-header.is-open .header__nav a{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:1.05rem;font-weight:600;letter-spacing:.02em;padding:12px 0;color:#ffffffeb}.ai-sns-header.is-open .header__nav li:not(:last-child) a{border-bottom:1px solid rgba(255,255,255,.14)}.ai-sns-header.is-open .header__nav a:after{content:"";width:8px;height:8px;border-right:2px solid rgba(255,255,255,.6);border-bottom:2px solid rgba(255,255,255,.6);transform:rotate(-45deg)}.ai-sns-header.is-open .header__cta a:after{content:none}.ai-sns-header .header__cta{flex-direction:column;width:100%;gap:12px}.ai-sns-header.is-open .header__cta{display:none}}