@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600;700&display=swap");*{box-sizing:border-box;margin:0;padding:0}body{font-family:Noto Sans JP,sans-serif;background:#0f172a;color:#e2e8f0;line-height:1.6}a{color:#38bdf8}.container{max-width:720px;margin:0 auto;padding:48px 24px}.container.wide{max-width:1040px}h1{font-size:2rem;margin-bottom:8px}.sub{color:#94a3b8;margin-bottom:32px}.card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:24px;margin-bottom:24px}.price{font-size:2.5rem;font-weight:700;color:#f8fafc}.price span{font-size:1rem;color:#94a3b8;font-weight:400}.btn{display:inline-block;background:#2563eb;color:#fff;padding:14px 28px;border-radius:8px;text-decoration:none;font-weight:600;border:none;cursor:pointer;font-size:1rem}.btn:hover{background:#1d4ed8}.btn.secondary{background:#334155}.btn.secondary:hover{background:#475569}ul{margin:16px 0 0 20px}li{margin-bottom:8px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:24px}.plan-single{max-width:480px;margin:0 auto 24px}@media (max-width:760px){.plan-grid{grid-template-columns:1fr}}.card.plan{display:flex;flex-direction:column;position:relative;margin-bottom:0}.card.plan .btn{margin-top:auto;width:100%;text-align:center}.card.plan.featured{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.card.project{border-color:#f59e0b}.badge{position:absolute;top:-12px;right:16px;background:#2563eb;color:#fff;font-size:.75rem;font-weight:700;padding:4px 12px;border-radius:999px}.plan-name{font-size:1.3rem;margin-bottom:4px;color:#f8fafc}.plan-tagline{color:#94a3b8;font-size:.9rem;margin-bottom:16px}.card.plan .price{font-size:1.9rem}.btn:disabled{opacity:.6;cursor:not-allowed}.features-section{margin-bottom:32px}.features-section h2{font-size:1.5rem;margin-bottom:12px}.features-section p{color:#cbd5e1;margin-bottom:12px}.features-list{margin:0 0 12px 20px}.features-list li{margin-bottom:8px;color:#cbd5e1}.features-list strong{color:#f8fafc}.features-note{color:#94a3b8;font-size:.9rem;margin-bottom:0}.optional-quality-note--compact{margin-top:20px;padding-top:16px;border-top:1px solid #334155;color:#94a3b8;font-size:.9rem}.optional-quality-note--compact p{margin-bottom:8px}.optional-quality-note--compact ul{margin:0 0 0 20px}.optional-quality-note--compact li{margin-bottom:6px}.optional-quality-note--compact strong{color:#cbd5e1}.demo-section{margin-bottom:40px}.demo-section h2{font-size:1.5rem;margin-bottom:8px}.demo-section .demo-lead{color:#94a3b8;margin-bottom:24px;font-size:.95rem}.demo-grid-top{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:16px}.demo-output-row h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:12px}.demo-output-inner{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;align-items:start}@media (max-width:900px){.demo-grid-top,.demo-output-inner{grid-template-columns:1fr}}.demo-col h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:12px}.ui-mock{background:#0b1220;border:1px solid #334155;border-radius:10px;overflow:hidden;font-size:.82rem}.ui-mock-header{background:#1e293b;padding:10px 14px;border-bottom:1px solid #334155;color:#94a3b8}.ui-mock-body{display:flex;min-height:220px}.ui-mock-sidebar{width:34%;border-right:1px solid #334155;padding:12px;background:#111827}.ui-mock-main{flex:1 1;padding:12px}.ui-mock-label{color:#64748b;font-size:.75rem;margin-bottom:6px}.ui-mock-btn{display:block;width:100%;background:#2563eb;color:#fff;border:none;border-radius:6px;padding:8px 10px;font-size:.78rem;font-weight:600;text-align:center;margin-top:8px}.ui-mock-progress{height:8px;background:#334155;border-radius:4px;overflow:hidden;margin:10px 0}.ui-mock-progress-bar{height:100%;width:100%;background:linear-gradient(90deg,#2563eb,#38bdf8)}.ui-mock-metrics{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;margin:12px 0}.ui-mock-metric{background:#1e293b;border-radius:6px;padding:8px}.ui-mock-metric span{display:block;color:#64748b;font-size:.7rem}.ui-mock-metric strong{font-size:1rem;color:#f8fafc}.ui-mock-dl{display:flex;gap:6px;flex-wrap:wrap}.ui-mock-dl span{background:#334155;color:#e2e8f0;padding:6px 10px;border-radius:6px;font-size:.72rem}.file-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.file-chip{background:#334155;color:#e2e8f0;padding:4px 10px;border-radius:999px;font-size:.78rem;font-family:Consolas,monospace;text-decoration:none;transition:background .15s}a.file-chip:hover{background:#475569;color:#f8fafc}.file-dl-link{display:inline-block;margin-top:10px;font-family:Consolas,monospace;font-size:.82rem;color:#38bdf8;text-decoration:none}.file-dl-link:hover{text-decoration:underline}.demo-output-flow a:first-child{display:block}.code-block{background:#0b1220;border:1px solid #334155;border-radius:8px;padding:12px;overflow-x:auto;font-family:Consolas,Courier New,monospace;font-size:.72rem;line-height:1.45;color:#cbd5e1;white-space:pre;max-height:280px}.preview-table-wrap{overflow-x:auto;margin-bottom:12px}.preview-table{width:100%;border-collapse:collapse;font-size:.78rem}.preview-table th{background:#1f2937;color:#f8fafc;padding:8px 10px;text-align:left;border:1px solid #334155}.preview-table td{padding:6px 10px;border:1px solid #334155;color:#cbd5e1;font-family:Consolas,monospace}.preview-table tr:nth-child(2n) td{background:#0f172a}.flow-preview{width:100%;border-radius:8px;border:1px solid #334155;background:#fff}.output-file-name{color:#94a3b8;font-size:.78rem;margin-top:8px;font-family:Consolas,monospace}