:root{--bg: #ffffff;--bg-soft: #f6f8fb;--bg-tint: #eef3f9;--panel: #ffffff;--panel-line: #e3e8ef;--navy: #16243f;--navy-soft: #2d4470;--ink: #1f2733;--ink-soft: #51607a;--muted: #8794a8;--accent: #1f8f7a;--accent-soft: #e6f4f0;--gold: #b9954f;--allowed: #1f8f5f;--conditional: #c9821a;--not: #d2483f;--unknown: #9aa6b6;--maxw: 1000px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;font-family:Inter,Noto Sans JP,-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,Meiryo,sans-serif;color:var(--ink);background-color:var(--bg);background-image:radial-gradient(circle at 1px 1px,rgba(31,143,122,.05) 1px,transparent 0),radial-gradient(620px 460px at 92% -8%,rgba(122,208,191,.16),transparent 70%),radial-gradient(560px 420px at 4% 4%,rgba(240,201,138,.1),transparent 70%);background-size:22px 22px,100% 100%,100% 100%;line-height:1.85;-webkit-font-smoothing:antialiased;letter-spacing:.01em}a{color:var(--navy-soft);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}.site-header{position:sticky;top:0;z-index:10;background:#ffffffd9;backdrop-filter:saturate(150%) blur(14px);border-bottom:1px solid var(--panel-line)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;padding-bottom:14px}.brand{font-weight:800;font-size:1.12rem;color:var(--navy);letter-spacing:.03em}.brand .dot{color:var(--accent)}.brand small{display:block;font-weight:400;font-size:.62rem;color:var(--muted);letter-spacing:.22em;margin-top:2px}.nav a{color:var(--ink-soft);font-size:.9rem;margin-left:22px}.nav a:hover{color:var(--navy);text-decoration:none}.hero{padding:108px 0 88px;position:relative;overflow:hidden;background:radial-gradient(1000px 560px at 86% 8%,rgba(52,224,196,.26),transparent 58%),radial-gradient(760px 520px at 8% 96%,rgba(91,140,255,.22),transparent 60%),linear-gradient(160deg,#0a1020,#0f1a30 52%,#070c18);border-bottom:1px solid var(--panel-line)}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(120% 90% at 70% 20%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(120% 90% at 70% 20%,#000 30%,transparent 75%)}.hero-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero-particles span{position:absolute;border-radius:50%;background:#aef4e6;box-shadow:0 0 8px 1px #78f0d7b3;opacity:.5;animation:rise linear infinite}.hero-particles span:nth-child(odd){background:#bcd4ff;box-shadow:0 0 8px 1px #96beff99}.hero-particles span:nth-child(1){left:6%;width:5px;height:5px;animation-duration:15s;animation-delay:-2s;opacity:.7}.hero-particles span:nth-child(2){left:14%;width:2px;height:2px;animation-duration:22s;animation-delay:-8s;opacity:.3}.hero-particles span:nth-child(3){left:21%;width:4px;height:4px;animation-duration:18s;animation-delay:-5s;opacity:.55}.hero-particles span:nth-child(4){left:29%;width:2px;height:2px;animation-duration:24s;animation-delay:-12s;opacity:.3}.hero-particles span:nth-child(5){left:36%;width:6px;height:6px;animation-duration:14s;animation-delay:-1s;opacity:.75}.hero-particles span:nth-child(6){left:43%;width:3px;height:3px;animation-duration:20s;animation-delay:-9s;opacity:.45}.hero-particles span:nth-child(7){left:50%;width:2px;height:2px;animation-duration:26s;animation-delay:-3s;opacity:.3}.hero-particles span:nth-child(8){left:57%;width:5px;height:5px;animation-duration:16s;animation-delay:-6s;opacity:.65}.hero-particles span:nth-child(9){left:63%;width:3px;height:3px;animation-duration:21s;animation-delay:-14s;opacity:.45}.hero-particles span:nth-child(10){left:70%;width:2px;height:2px;animation-duration:25s;animation-delay:-4s;opacity:.3}.hero-particles span:nth-child(11){left:76%;width:6px;height:6px;animation-duration:13s;animation-delay:-7s;opacity:.8}.hero-particles span:nth-child(12){left:82%;width:3px;height:3px;animation-duration:19s;animation-delay:-10s;opacity:.5}.hero-particles span:nth-child(13){left:88%;width:4px;height:4px;animation-duration:17s;animation-delay:-2s;opacity:.6}.hero-particles span:nth-child(14){left:93%;width:2px;height:2px;animation-duration:23s;animation-delay:-11s;opacity:.3}.hero-particles span:nth-child(15){left:10%;width:3px;height:3px;animation-duration:20s;animation-delay:-15s;opacity:.5}.hero-particles span:nth-child(16){left:25%;width:5px;height:5px;animation-duration:15s;animation-delay:-13s;opacity:.65}.hero-particles span:nth-child(17){left:40%;width:2px;height:2px;animation-duration:24s;animation-delay:-6s;opacity:.3}.hero-particles span:nth-child(18){left:54%;width:4px;height:4px;animation-duration:18s;animation-delay:-16s;opacity:.55}.hero-particles span:nth-child(19){left:67%;width:2px;height:2px;animation-duration:27s;animation-delay:-9s;opacity:.3}.hero-particles span:nth-child(20){left:79%;width:5px;height:5px;animation-duration:14s;animation-delay:-12s;opacity:.7}.hero-particles span:nth-child(21){left:33%;width:3px;height:3px;animation-duration:21s;animation-delay:-3s;opacity:.45}.hero-particles span:nth-child(22){left:47%;width:6px;height:6px;animation-duration:12s;animation-delay:-8s;opacity:.8}.hero-particles span:nth-child(23){left:60%;width:2px;height:2px;animation-duration:25s;animation-delay:-5s;opacity:.3}.hero-particles span:nth-child(24){left:86%;width:4px;height:4px;animation-duration:16s;animation-delay:-14s;opacity:.55}@keyframes rise{0%{transform:translateY(110%)}to{transform:translateY(-20%)}}@media(prefers-reduced-motion:reduce){.hero-particles span{animation:none}}.hero-mesh{position:absolute;top:50%;right:-4%;transform:translateY(-50%);width:62%;max-width:760px;aspect-ratio:16 / 9;pointer-events:none;background:url(/hero/glasswave.webp) right center / contain no-repeat;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(to left,#000 58%,transparent 100%);mask-image:linear-gradient(to left,#000 58%,transparent 100%);animation:floaty 16s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.hero-mesh{animation:none}}@media(max-width:720px){.hero-mesh{opacity:.4;width:85%}}.hero-visual{position:absolute;top:-6%;right:0;width:64%;height:112%;opacity:.55;pointer-events:none;mask-image:linear-gradient(to left,#000 45%,transparent 100%);-webkit-mask-image:linear-gradient(to left,#000 45%,transparent 100%);animation:floaty 14s ease-in-out infinite}.hero-visual svg{width:100%;height:100%}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@media(prefers-reduced-motion:reduce){.hero-visual{animation:none}}.hero-inner{position:relative;z-index:1}.hero-copy{max-width:600px}.hero .eyebrow{color:#5fe0c6;font-size:.76rem;letter-spacing:.26em;text-transform:uppercase;margin:0 0 18px;font-weight:600}.hero h1{font-size:clamp(2.2rem,5.4vw,3.5rem);margin:0 0 22px;line-height:1.24;font-weight:800;letter-spacing:-.02em;background:linear-gradient(120deg,#fff 30%,#7af0da);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p{color:#c2cde0;margin:0;font-size:1.06rem}@media(max-width:720px){.hero-visual{opacity:.3;width:80%}}section{padding:40px 0}h2.cat{font-size:1.05rem;margin:6px 0 22px;font-weight:700;letter-spacing:.02em;display:flex;align-items:center;gap:12px;color:var(--navy)}h2.cat:before{content:"";width:8px;height:8px;border-radius:99px;background:var(--accent);display:inline-block}.badge-logo{--bc: #1f8f7a;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:13px;flex:0 0 auto;font-weight:800;color:#fff;letter-spacing:-.02em;background:linear-gradient(150deg,color-mix(in srgb,var(--bc) 92%,#fff 8%),color-mix(in srgb,var(--bc) 65%,#000 35%));box-shadow:0 4px 12px color-mix(in srgb,var(--bc) 28%,transparent)}.badge-logo.s1{font-size:1.5rem}.badge-logo.s2{font-size:1.15rem}.badge-logo.lg{width:64px;height:64px;border-radius:17px}.badge-logo.lg.s1{font-size:2rem}.badge-logo.lg.s2{font-size:1.5rem}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:16px}.tool-card{display:flex;gap:14px;align-items:center;padding:18px 20px;color:var(--ink);background:#ffffffb8;backdrop-filter:saturate(140%) blur(10px);border:1px solid rgba(255,255,255,.9);border-radius:16px;box-shadow:0 8px 24px #16243f0f,0 1px 2px #16243f0a;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.tool-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 45%,#fff);box-shadow:0 18px 40px #16243f24;text-decoration:none}.tool-card .name{display:block;font-weight:700;font-size:1.05rem;margin-bottom:2px;color:var(--navy);line-height:1.35}.tool-card .vendor{display:block;font-size:.75rem;color:var(--muted)}.v{font-weight:800}.v-allowed{color:var(--allowed)}.v-conditional,.v-caution{color:var(--conditional)}.v-not{color:var(--not)}.v-unknown{color:var(--unknown)}.matrix{width:100%;border-collapse:separate;border-spacing:0;margin:18px 0;font-size:.92rem;overflow:hidden;border-radius:14px;border:1px solid var(--panel-line);background:var(--panel)}.matrix th,.matrix td{padding:13px 15px;text-align:left;vertical-align:top;border-bottom:1px solid var(--panel-line)}.matrix thead th{background:var(--navy);color:#fff;font-weight:600;letter-spacing:.03em}.matrix tbody th{background:var(--bg-soft);font-weight:600;white-space:nowrap;color:var(--navy)}.matrix tbody tr:hover td,.matrix tbody tr:hover th{background:var(--accent-soft)}.matrix tr:last-child th,.matrix tr:last-child td{border-bottom:none}.matrix .mark{font-size:1.2rem;text-align:center;white-space:nowrap}.matrix .note{font-size:.82rem;color:var(--ink-soft)}.matrix a{color:var(--navy);font-weight:600}.matrix a:hover{color:var(--accent)}.plan{padding:22px;margin:18px 0;background:var(--panel);border:1px solid var(--panel-line);border-radius:16px;box-shadow:0 1px 3px #16243f0a}.plan h3{margin:0 0 6px;font-size:1.12rem;color:var(--navy)}.plan .price{font-size:.85rem;color:var(--muted);margin-bottom:8px}.badge{display:inline-block;font-size:.76rem;padding:3px 12px;border-radius:99px;font-weight:700;letter-spacing:.02em}.badge.b-allowed{background:var(--accent-soft);color:var(--allowed);border:1px solid color-mix(in srgb,var(--allowed) 35%,transparent)}.badge.b-conditional{background:#fbf1de;color:var(--conditional);border:1px solid color-mix(in srgb,var(--conditional) 35%,transparent)}.badge.b-not{background:#fbe7e5;color:var(--not);border:1px solid color-mix(in srgb,var(--not) 35%,transparent)}.evidence{background:var(--bg-soft);border:1px solid var(--panel-line);border-radius:12px;padding:16px 18px;margin:16px 0}.evidence .clause{font-size:.82rem;color:var(--ink-soft);border-left:2px solid var(--accent);padding-left:12px;margin:10px 0;font-style:italic}.evidence .tr{font-size:.9rem;margin:4px 0 0;color:var(--ink)}.meta-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center;font-size:.82rem;color:var(--muted);margin:12px 0 6px}.verified{background:var(--accent-soft);color:var(--allowed);padding:4px 12px;border-radius:8px;border:1px solid color-mix(in srgb,var(--allowed) 25%,transparent)}.risk{background:#fdf6e9;border:1px solid #f0e0bf;border-radius:12px;padding:16px 18px;margin:18px 0}.risk h4{margin:0 0 8px;font-size:.95rem;color:var(--conditional)}.legend{font-size:.8rem;color:var(--muted);margin-top:12px}.disclaimer{background:var(--bg-soft);border:1px solid var(--panel-line);border-radius:12px;padding:18px;font-size:.8rem;color:var(--muted);margin:26px 0}.site-footer{border-top:1px solid var(--panel-line);background:var(--bg-soft);color:var(--muted);padding:32px 0;margin-top:48px;font-size:.85rem}.site-footer a{color:var(--ink-soft)}@media(max-width:640px){.hero{padding:56px 0 40px}.matrix{font-size:.85rem}.matrix th,.matrix td{padding:9px}}