:root{--bg-color: #282828;--header-bg: rgba(30, 30, 30, .8);--card-bg: #333333;--border: rgba(255, 255, 255, .08);--text-main: #ffffff;--text-sub: #a3a3a3;--accent: #9a00d7;--accent-glow: rgba(168, 85, 247, .2);--font-family: "Noto Sans JP", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-main);line-height:1.6}body{overflow-x:hidden}a{text-decoration:none;color:inherit;transition:.3s}.btn{display:inline-block;padding:16px 40px;background-color:var(--accent);color:var(--text-main);font-weight:700;border-radius:8px;font-size:1.1rem;box-shadow:0 4px 15px #0000004d;border:1px solid rgba(255,255,255,.1);cursor:pointer}.btn-sm{padding:8px 20px;font-size:.9rem}.btn:hover{transform:translateY(-2px);background-color:#8b2fc9;box-shadow:0 6px 20px var(--accent-glow)}.gradient-text{background:linear-gradient(135deg,#fff 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}header{position:fixed;top:0;width:100%;padding:15px 5%;display:flex;justify-content:space-between;align-items:center;background:var(--header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid var(--border)}.logo{font-size:1.5rem;font-weight:900;letter-spacing:-.05em}.logo span{color:var(--accent)}.hero{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:120px 5% 60px;position:relative}.hero:before{content:"";position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:80%;height:600px;aspect-ratio:1 / 1;background:radial-gradient(circle,var(--accent-glow) 0%,rgba(40,40,40,0) 70%);z-index:-1;filter:blur(50px)}.hero h1{font-size:clamp(2.5rem,8vw,4rem);font-weight:900;margin-bottom:24px}.hero p{font-size:clamp(1.1rem,3vw,1.4rem);color:var(--text-sub);margin-bottom:48px}.editor-mockup{width:95%;max-width:1000px;background:#1a1a1a;border-radius:12px;border:1px solid var(--border);box-shadow:0 30px 80px #0009;overflow:hidden;margin-top:40px}.editor-mockup-inner img{width:100%;height:auto;display:block}.how-to{padding:100px 5%;background:#0003}.section-title{text-align:center;font-size:clamp(2rem,5vw,2.5rem);font-weight:900;margin-bottom:60px}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1100px;margin:0 auto}.step-card{background:var(--card-bg);padding:50px 30px 40px;border-radius:16px;border:1px solid var(--border);position:relative;transition:.3s}.step-num{position:absolute;top:4px;left:20px;font-size:2rem;font-weight:900;color:var(--accent);letter-spacing:.2em;font-family:serif}.step-card h3{font-size:1.5rem;margin-bottom:15px;font-weight:700}.step-card p{color:var(--text-sub);font-size:1rem;line-height:1.7}.tutorial-link{color:#bc00eb;text-decoration:underline;margin:0 8px}.features{padding:100px 5%}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;max-width:1200px;margin:0 auto}.feature-card{background:var(--card-bg);padding:40px;border-radius:16px;border:1px solid var(--border);transition:.3s}.feature-card:hover{transform:translateY(-5px);border-color:#ffffff26}.feature-icon{font-size:2.5rem;margin-bottom:20px}.free-app{font-size:14px;color:silver;margin-top:8px}.free-app a{text-decoration:underline;color:#87ceeb}.free-app a:visited{color:#c32bc3}.cta{padding:120px 5%;text-align:center}.cta h2{font-size:clamp(1.8rem,5vw,2.5rem);margin-bottom:40px}.faq{padding:100px 5%;background-color:var(--bg-color)}.faq-container{max-width:800px;margin:0 auto}.faq-item{margin-bottom:40px;border-bottom:1px solid var(--border);padding-bottom:30px}.faq-item:last-child{border-bottom:none}.faq-item h3{font-size:1.2rem;font-weight:700;margin-bottom:15px;display:flex;align-items:flex-start}.faq-item h3 span{color:var(--accent);margin-right:12px;font-family:serif;font-weight:900}.faq-item p{color:var(--text-sub);font-size:1rem;line-height:1.8;padding-left:28px}@media(max-width:768px){.faq{padding:60px 5%}.faq-item h3{font-size:1.1rem}.faq-item p{padding-left:0;margin-top:10px}}.spec{padding:80px 5%;background-color:#0000004d}.spec-container{max-width:800px;margin:0 auto;text-align:center}.spec-content h3{font-size:1.4rem;margin-bottom:10px;color:var(--text-main)}.spec-content p strong{color:#4285f4;font-size:1.3rem}.spec-warning{margin-top:40px;text-align:left;background:#eab3080d;border:1px solid rgba(234,179,8,.3);padding:25px;border-radius:12px}.spec-warning h4{color:#eab308;margin-bottom:10px;font-size:1.1rem}.spec-warning p{font-size:.9rem;color:var(--text-sub);line-height:1.6;margin-bottom:0}footer{padding:60px 5%;border-top:1px solid var(--border);text-align:center;color:var(--text-sub)}@media(max-width:768px){.hero{padding-top:100px}.steps-grid{grid-template-columns:1fr}}