:root{--color-text-primary: #1d1d1f;--color-text-secondary: rgba(0, 0, 0, .56);--color-text-muted: rgba(0, 0, 0, .42);--color-bg-white: #fff;--color-bg-light: #f5f5f7;--color-bg-soft: #fafbfc;--color-blue: #1E5F82;--color-blue-dark: #154D6E;--color-blue-light: #4A95BD;--color-navy-900: #0F3A54;--color-gold: #E0B840;--color-score-good: #22A06B;--color-score-good-soft: #E8F6EF;--color-score-warn: #C89A2E;--color-score-warn-soft: #FBF6E6;--color-score-bad: #DC2828;--color-score-bad-soft: #FCEBEB;--color-score-info: #2563EB;--color-score-info-soft: #EBF1FE;--color-purple: #6E3DC8;--color-purple-soft: #F1ECFB;--color-orange: #D97757;--color-orange-soft: #FBEEE9;--color-border: rgba(15, 58, 84, .08);--color-border-strong: rgba(15, 58, 84, .14);--color-card-shadow: 0 1px 3px rgba(15, 58, 84, .04), 0 4px 18px rgba(15, 58, 84, .05);--color-card-shadow-hover: 0 6px 20px rgba(15, 58, 84, .1), 0 2px 6px rgba(15, 58, 84, .05);--font-display: "SF Pro JP", "SF Pro Display", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;--font-text: var(--font-display);--font-mono: "SF Mono", "Menlo", "Monaco", "Consolas", monospace;--max-width: 1200px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-text);font-size:16px;font-weight:400;line-height:1.6;color:var(--color-text-primary);background:var(--color-bg-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:block;max-width:100%;height:auto}a{text-decoration:none;color:inherit}ul{list-style:none}button{font-family:inherit;cursor:pointer}.container{max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.fade-in{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.fade-in{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}.nav{position:sticky;top:0;z-index:100;height:64px;background:#ffffffeb;backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid var(--color-border)}.nav-inner{max-width:var(--max-width);margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.nav-logo{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.nav-logo img{height:26px;width:auto}.nav-logo-divider{width:1px;height:18px;background:var(--color-border-strong)}.nav-product-name{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--color-blue);letter-spacing:-.01em}.nav-links{display:flex;align-items:center;gap:32px}.nav-link{font-size:14px;font-weight:500;color:var(--color-text-primary);opacity:.78;transition:opacity .2s,color .2s}.nav-link:hover{opacity:1;color:var(--color-blue)}.nav-cta{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#fff;background:var(--color-blue);border:none;border-radius:999px;padding:9px 20px;transition:background .2s,transform .2s}.nav-cta:hover{background:var(--color-blue-dark);transform:translateY(-1px)}.nav-mobile-toggle{display:none;background:none;border:none;padding:4px}.nav-mobile-toggle svg{width:24px;height:24px;stroke:var(--color-text-primary);fill:none;stroke-width:1.75}@media(max-width:1023px){.nav-links{display:none}.nav-mobile-toggle{display:block}.nav-cta{display:none}}.footer{background:var(--color-bg-soft);padding:56px 0 32px;border-top:1px solid var(--color-border)}.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;flex-wrap:wrap}.footer-brand{display:flex;flex-direction:column;gap:12px;max-width:380px}.footer-logo{display:inline-flex;align-items:center;gap:8px}.footer-logo img{height:24px}.footer-logo-divider{width:1px;height:16px;background:var(--color-border-strong)}.footer-logo-name{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--color-blue)}.footer-tag{font-size:13px;color:var(--color-text-secondary);line-height:1.6}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.footer-link{font-size:13px;font-weight:500;color:var(--color-blue);transition:color .2s}.footer-link:hover{color:var(--color-blue-dark);text-decoration:underline}.footer-bottom{margin-top:32px;padding-top:20px;border-top:1px solid var(--color-border);font-size:12px;color:var(--color-text-muted)}@media(max-width:720px){.footer-inner{flex-direction:column;gap:28px}}
