*,*:before,*:after{box-sizing:border-box}:root{--bg: #f5f6fa;--surface: #ffffff;--surface-2: #f0f2f9;--text: #0f1117;--subtext: #5a5f73;--muted: #9299b0;--border: #e4e7f2;--accent-1: #5b4fff;--accent-2: #0ea5e9;--gradient: linear-gradient(135deg, #5b4fff 0%, #0ea5e9 100%);--shadow-sm: 0 2px 8px rgba(15,17,23,.06);--shadow-md: 0 6px 24px rgba(15,17,23,.09);--shadow-lg: 0 16px 48px rgba(15,17,23,.12);--font-ja: "Noto Sans JP", sans-serif;--font-en: "DM Sans", sans-serif;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px}html{scroll-behavior:smooth}html,body{margin:0;padding:0}body{font-family:var(--font-ja);background:var(--bg);color:var(--text);line-height:1.85;-webkit-font-smoothing:antialiased;min-height:100vh;position:relative;overflow-x:hidden}.bg-mesh{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.mesh-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.45}.mesh-blob--1{width:600px;height:600px;top:-200px;right:-150px;background:radial-gradient(circle,rgba(91,79,255,.12),transparent 70%);animation:blobDrift 18s ease-in-out infinite alternate}.mesh-blob--2{width:500px;height:500px;bottom:10%;left:-150px;background:radial-gradient(circle,rgba(14,165,233,.1),transparent 70%);animation:blobDrift 24s ease-in-out infinite alternate-reverse}.mesh-blob--3{width:300px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(91,79,255,.05),transparent 70%);animation:blobDrift 30s ease-in-out infinite alternate}@keyframes blobDrift{0%{transform:translate(0) scale(1)}to{transform:translate(30px,20px) scale(1.08)}}.nav{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:16px 24px;background:#f5f6fabf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:box-shadow .3s ease,background .3s ease;border-bottom:1px solid transparent}.nav.scrolled{background:#f5f6faeb;box-shadow:var(--shadow-sm);border-bottom-color:var(--border)}.nav-logo{display:flex;align-items:center;gap:8px;font-family:var(--font-en);font-weight:700;font-size:1rem;color:var(--text);text-decoration:none;letter-spacing:-.02em}.nav-logo__icon{font-size:1.1rem;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-right{display:flex;gap:20px;align-items:center}.nav-link{text-decoration:none;color:var(--subtext);font-size:.875rem;font-weight:500;transition:color .2s;position:relative}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--gradient);border-radius:2px;transition:width .25s ease}.nav-link:hover{color:var(--text);text-decoration:none}.nav-link:hover:after{width:100%}.nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-hamburger span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:transform .3s,opacity .3s}.nav-hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-hamburger.active span:nth-child(2){opacity:0}.nav-hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-mobile-menu{display:none;position:fixed;top:65px;left:0;right:0;background:#f5f6faf7;backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:99;padding:16px 24px;flex-direction:column;gap:4px;transform:translateY(-10px);opacity:0;transition:opacity .25s ease,transform .25s ease}.nav-mobile-menu.open{display:flex;opacity:1;transform:translateY(0)}.nav-mobile-menu a{color:var(--text);text-decoration:none;font-size:1rem;font-weight:500;padding:10px 0;border-bottom:1px solid var(--border)}.nav-mobile-menu a:last-child{border-bottom:none}.main{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:40px 24px 80px}h1{font-family:var(--font-ja);font-size:clamp(1.8rem,5vw,2.4rem);font-weight:700;letter-spacing:-.03em;line-height:1.35;margin:0 0 20px;color:var(--text)}h2{font-size:clamp(1.1rem,3vw,1.3rem);font-weight:700;letter-spacing:-.02em;margin:0 0 12px;color:var(--text)}h3{font-size:1rem;font-weight:700;margin:0 0 8px;color:var(--text)}p{color:var(--subtext);margin:0 0 12px}p:last-child{margin-bottom:0}a{color:var(--accent-1);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-2);text-decoration:underline}section{background:var(--surface);padding:28px;border-radius:var(--radius-md);margin-bottom:20px;border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:box-shadow .3s ease,transform .3s ease}section:hover{box-shadow:var(--shadow-md)}.scroll-hidden{opacity:0;transform:translateY(24px);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}.scroll-hidden.visible{opacity:1;transform:translateY(0)}section:nth-child(1).scroll-hidden{transition-delay:0s}section:nth-child(2).scroll-hidden{transition-delay:.07s}section:nth-child(3).scroll-hidden{transition-delay:.14s}section:nth-child(4).scroll-hidden{transition-delay:.21s}section:nth-child(5).scroll-hidden{transition-delay:.28s}table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.9rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}th{background:var(--surface-2);color:var(--text);font-weight:700;font-size:.8rem;text-align:left;padding:12px 16px;border-bottom:1px solid var(--border);letter-spacing:.03em;text-transform:uppercase}td{padding:12px 16px;color:var(--subtext);border-bottom:1px solid var(--border);font-size:.9rem}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-2);transition:background .15s}@media (max-width: 600px){table{display:block;overflow-x:auto;white-space:nowrap}}.cta-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:999px;background:var(--gradient);color:#fff;font-family:var(--font-ja);font-weight:700;font-size:.95rem;text-decoration:none;margin-top:14px;position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease;box-shadow:0 4px 16px #5b4fff4d,0 1px 4px #5b4fff26}.cta-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff3,#fff0,#ffffff1a);opacity:0;transition:opacity .3s}.cta-btn:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.cta-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px #5b4fff66,0 4px 12px #0ea5e933;text-decoration:none;color:#fff}.cta-btn:hover:before{opacity:1}.cta-btn:hover:after{left:150%}.cta-btn:active{transform:translateY(-1px) scale(.99)}.cta-btn--secondary{background:var(--surface);color:var(--accent-1);border:1.5px solid var(--border);box-shadow:var(--shadow-sm)}.cta-btn--secondary:hover{background:var(--surface-2);color:var(--accent-1);box-shadow:var(--shadow-md)}ul{padding-left:0;list-style:none;margin:0}li{margin-bottom:10px;padding-left:1.4em;position:relative;color:var(--subtext)}li:before{content:"✦";position:absolute;left:0;font-size:.6em;top:.35em;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer{position:relative;z-index:1;border-top:1px solid var(--border);margin-top:40px;padding:32px 20px;background:var(--surface)}.footer-inner{max-width:820px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.footer-brand{display:flex;align-items:center;gap:6px;font-weight:700;font-size:.95rem;color:var(--text)}.footer-links{display:flex;gap:20px}.footer-links a{font-size:.8rem;color:var(--subtext);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text);text-decoration:none}.footer-copy{font-size:.75rem;color:var(--muted);margin:0}@media (max-width: 640px){.main{padding:24px 16px 60px}section{padding:20px 18px;border-radius:var(--radius-sm)}.nav-right{display:none}.nav-hamburger{display:flex}.cta-btn{width:100%;justify-content:center;padding:14px 20px}}