/* Minimal styles for landing page */
html,body{overflow-x:hidden}
body{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;margin:0;color:#222}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%;height:auto;display:block}
figure{margin:0}
.container{max-width:980px;margin:0 auto;padding:24px}
.site-header{background:linear-gradient(135deg,#f0f6ff 0%,#e8f4fd 100%);padding:56px 0 48px;text-align:center}
.header-eyebrow{margin:0 0 12px;font-size:13px;font-weight:600;letter-spacing:.08em;color:#0070f3;text-transform:uppercase}
.site-header h1{margin:0 0 16px;font-size:34px;line-height:1.4;font-weight:700;color:#111}
.header-lead{margin:0 0 8px;font-size:16px;line-height:1.7;color:#444}
.header-note{margin:10px 0 0;font-size:12px;color:#888}
.cta-row{margin-top:20px}
.btn{display:inline-block;padding:10px 16px;margin-right:8px;border-radius:6px;border:1px solid #ccc;text-decoration:none;color:#111;background:#fff}
.btn.primary{background:#0070f3;color:#fff;border-color:#0070f3}
section{margin:28px 0}
.section-lead{margin:-8px 0 18px;color:#555;font-size:15px}
.screenshot-section{margin:36px 0;overflow:hidden}
.screenshot-gallery{display:flex;flex-direction:column;gap:20px;margin:0 auto;width:80%;max-width:100%}
.screenshot-item{margin:0;width:100%;overflow:hidden}
.screenshot-item img{width:100% !important;max-width:100% !important;height:auto !important;border-radius:8px;border:1px solid #e0e0e0;box-shadow:0 2px 10px rgba(0,0,0,.08)}
@media(max-width:600px){.screenshot-gallery{width:100%}}
.site-footer{background:#fafafa;padding:16px 0;text-align:center;color:#666;font-size:14px}
.form-wrap{border:1px solid #eee;padding:12px;background:#fff}

/* Plan table */
.plan-section{margin:36px 0}
.plan-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.plan-table{width:100%;border-collapse:collapse;font-size:14px;min-width:480px}
.plan-table th,.plan-table td{border:1px solid #b0b8c4;padding:10px 12px;text-align:center;vertical-align:middle}
.plan-table .feature-col{text-align:left;font-weight:600;background:#f8f9fb;min-width:180px}
.plan-table thead th{background:#f0f6ff;font-weight:700;font-size:13px;line-height:1.5}
.plan-table thead .plan-trial{background:#e6f4ea;color:#1a7a3a}
.plan-table thead .plan-paid{background:#fff3e0;color:#b05800}
.plan-sub{display:block;font-size:11px;font-weight:400;color:#666;margin-top:3px}
.plan-table .check{color:#1a7a3a;font-weight:700;font-size:16px;text-align:center}
.plan-table .cross{color:#aaa;font-size:15px;text-align:center}
.plan-table .highlight-row td{background:#fffde7}
.plan-table .highlight-row .feature-col{background:#fffde7}
.plan-table small{display:block;font-size:11px;color:#888;margin-top:2px}

/* Plan CTA cards */
.plan-cta-row{display:flex;gap:16px;margin-top:24px;flex-wrap:wrap}
.plan-cta-card{flex:1;min-width:220px;border:1px solid #dde3eb;border-radius:10px;padding:20px 20px 18px;background:#fff;display:flex;flex-direction:column;gap:8px}
.plan-cta-label{margin:0;font-size:15px;font-weight:700;color:#222}
.plan-cta-desc{margin:0;font-size:13px;color:#555;line-height:1.6}
.plan-steps{margin:8px 0 0;padding-left:18px;font-size:13px;color:#444;line-height:1.8}
.plan-steps li{margin-bottom:4px}
.btn.secondary{background:#fff6e0;color:#b05800;border-color:#f0b64a}
@media(max-width:600px){.plan-cta-row{flex-direction:column}}

/* Demo video */
.video-wrapper{position:relative;padding-top:56.25%;margin:16px 0 0;border-radius:10px;overflow:hidden;background:#000}
.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

/* Problem section */
.problem-section{background:#fff8f0;border-left:4px solid #f0a040;padding:20px 24px;border-radius:8px}
.problem-section h2{margin:0 0 12px;color:#b06000;font-size:20px}
.problem-list{padding-left:0;list-style:none;margin:0 0 16px}
.problem-list li{padding:6px 0;font-size:15px;border-bottom:1px solid #fce8cc}
.problem-list li:last-child{border-bottom:none}

/* Solution comparison section */
.solution-section{margin:36px 0}
.solution-section h2{font-size:22px;margin-bottom:12px}
.solution-compare{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px}
.solution-item{flex:1;min-width:220px;border:1px solid #dde3eb;border-radius:10px;padding:18px;background:#fff}
.solution-item h3{font-size:15px;margin:0 0 10px;color:#444}
.solution-item ul{padding-left:0;list-style:none;margin:0;font-size:14px;line-height:1.8}
.solution-best{border-color:#0070f3;background:#f0f8ff}
.solution-best h3{color:#0070f3}
@media(max-width:600px){.solution-compare{flex-direction:column}}

/* Features section */
.features-section{margin:36px 0}
.features-section h2{font-size:22px;margin-bottom:8px}
.feature-list{padding-left:0;list-style:none;margin:16px 0 0;display:flex;flex-direction:column;gap:14px}
.feature-list li{padding:14px 16px;background:#f8faff;border-radius:8px;font-size:15px;line-height:1.75;border:1px solid #e0eaf8}
.feature-list li strong{display:block;margin-bottom:4px;font-size:15px}

/* FAQ section */
.faq-section{margin:36px 0}
.faq-section h2{font-size:22px;margin-bottom:16px}
.faq-list{margin:0;padding:0}
.faq-list dt{font-weight:700;font-size:15px;padding:14px 16px 4px;background:#f0f6ff;border-left:4px solid #0070f3;border-radius:4px 4px 0 0;margin-top:12px}
.faq-list dd{margin:0;padding:10px 16px 14px;background:#fff;border:1px solid #dde8f8;border-top:none;border-radius:0 0 4px 4px;font-size:14px;line-height:1.75;color:#444}

/* Summary section */
.summary-section{background:#f0f8ff;border:1px solid #b8d8f8;border-radius:10px;padding:24px;margin:36px 0}
.summary-section h2{font-size:20px;margin:0 0 14px;color:#0050c0}
.summary-section p{font-size:15px;line-height:1.8;margin:0 0 12px}