*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Noto Sans JP,sans-serif;line-height:1.6;color:#1f2937;background:#fff}.container{max-width:1200px;margin:0 auto;padding:0 24px}.header{position:sticky;top:0;z-index:50;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #e5e7eb}.header-content{display:flex;justify-content:space-between;align-items:center;height:64px}.logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:#111827}.logo-text{color:#e76e6e}.nav{display:flex;align-items:center;gap:24px}.nav a{text-decoration:none;color:#4b5563;font-weight:500;transition:color .2s}.nav a:hover{color:#e76e6e}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;background:linear-gradient(135deg,#e76e6e,#b43e3e);color:#fff;border-radius:8px;font-weight:600;text-decoration:none;transition:all .2s;box-shadow:0 4px 12px #e76e6e4d}.btn-primary:hover{box-shadow:0 6px 20px #e76e6e66;transform:translateY(-2px)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;background:#fff;color:#e76e6e;border:2px solid #E76E6E;border-radius:8px;font-weight:600;text-decoration:none;transition:all .2s}.btn-secondary:hover{background:#fef2f2}.btn-lg{padding:16px 32px;font-size:18px}.btn-block{width:100%}.hero{padding:120px 0;background:linear-gradient(to bottom,#fff,#fef2f2,#fff);position:relative;overflow:hidden}.hero-content{text-align:center;max-width:800px;margin:0 auto}.hero-title{font-size:64px;font-weight:800;line-height:1.1;margin-bottom:24px;color:#111827}.gradient-text{background:linear-gradient(135deg,#e76e6e,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:20px;color:#6b7280;margin-bottom:40px;line-height:1.6}.hero-actions{display:flex;gap:16px;justify-content:center;margin-bottom:24px}.hero-note{color:#9ca3af;font-size:14px}.stats{padding:80px 0;background:#f9fafb}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.stat-card{text-align:center;padding:32px;background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a}.stat-number{font-size:48px;font-weight:800;background:linear-gradient(135deg,#e76e6e,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.stat-label{font-size:14px;color:#6b7280;font-weight:500}.features{padding:120px 0}.section-header{text-align:center;margin-bottom:64px}.section-title{font-size:48px;font-weight:800;margin-bottom:16px;color:#111827}.section-description{font-size:20px;color:#6b7280}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature-card{padding:40px;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;transition:all .3s}.feature-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.feature-icon{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:24px}.feature-title{font-size:24px;font-weight:700;margin-bottom:16px;color:#111827}.feature-description{color:#6b7280;margin-bottom:24px;line-height:1.6}.feature-list{list-style:none}.feature-list li{color:#374151;margin-bottom:8px;padding-left:24px;position:relative}.feature-list li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.how-it-works{padding:120px 0;background:#f9fafb}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-bottom:64px}.step{text-align:center}.step-number{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#e76e6e,#b43e3e);color:#fff;font-size:32px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.step-title{font-size:24px;font-weight:700;margin-bottom:12px;color:#111827}.step-description{color:#6b7280}.code-example{max-width:600px;margin:0 auto;background:#1f2937;border-radius:12px;padding:24px}.code-example pre{margin:0}.code-example code{color:#e5e7eb;font-family:Monaco,Courier New,monospace;font-size:14px}.pricing{padding:120px 0}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1100px;margin:0 auto}.pricing-card{padding:40px;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;position:relative;transition:all .3s}.pricing-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.pricing-card-featured{border:2px solid #E76E6E;box-shadow:0 8px 24px #e76e6e33}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#e76e6e,#b43e3e);color:#fff;padding:4px 16px;border-radius:999px;font-size:12px;font-weight:700}.pricing-header{text-align:center;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid #e5e7eb}.pricing-title{font-size:24px;font-weight:700;margin-bottom:16px;color:#111827}.pricing-price{display:flex;align-items:baseline;justify-content:center;gap:4px}.price-amount{font-size:48px;font-weight:800;color:#e76e6e}.price-period{font-size:18px;color:#6b7280}.pricing-features{list-style:none;margin-bottom:32px}.pricing-features li{color:#374151;margin-bottom:12px;padding-left:24px;position:relative}.cta{padding:120px 0;background:linear-gradient(135deg,#e76e6e,#b43e3e)}.cta-content{text-align:center;max-width:700px;margin:0 auto}.cta-title{font-size:48px;font-weight:800;color:#fff;margin-bottom:24px}.cta-description{font-size:20px;color:#ffffffe6;margin-bottom:40px}.cta .btn-primary{background:#fff;color:#e76e6e}.footer{padding:80px 0 32px;background:#111827;color:#9ca3af}.footer-content{display:grid;grid-template-columns:2fr 3fr;gap:64px;margin-bottom:48px}.footer-brand .logo{color:#fff;margin-bottom:16px}.footer-description{max-width:300px;line-height:1.6}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.footer-section h4{color:#fff;font-weight:600;margin-bottom:16px}.footer-section a{display:block;color:#9ca3af;text-decoration:none;margin-bottom:12px;transition:color .2s}.footer-section a:hover{color:#e76e6e}.footer-bottom{padding-top:32px;border-top:1px solid #374151;text-align:center}@media (max-width: 768px){.hero-title{font-size:40px}.hero-actions{flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr)}.features-grid,.steps,.pricing-grid,.footer-content,.footer-links{grid-template-columns:1fr}}