:root{--blue-900: #1e3a8a;--blue-700: #1d4ed8;--blue-500: #3b82f6;--blue-200: #bfdbfe;--blue-100: #dbeafe;--blue-50: #eff6ff;--cyan-600: #0891b2;--cyan-100: #cffafe;--cyan-50: #ecfeff;--ink: #1e293b;--ink-sub: #475569;--grad-main: linear-gradient(135deg, var(--blue-500), var(--cyan-600));--grad-head: linear-gradient(90deg, var(--blue-100), var(--cyan-100));--grad-bg: linear-gradient(180deg, var(--blue-50), var(--cyan-50))}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif;color:var(--ink);line-height:1.8;background:var(--grad-bg)}.container{max-width:1080px;margin:0 auto;padding:0 20px}.site-header{position:sticky;top:0;z-index:50;background:#ffffffeb;backdrop-filter:blur(8px);border-bottom:1px solid var(--blue-200)}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.15rem;text-decoration:none;color:var(--ink)}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--grad-main);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;font-weight:700}.gnav{display:flex;align-items:center;gap:22px}.gnav a{text-decoration:none;color:var(--ink-sub);font-size:.92rem}.gnav a:hover{color:var(--blue-700)}.btn{display:inline-block;text-decoration:none;font-weight:700;border-radius:9999px;padding:10px 26px;font-size:.95rem;transition:opacity .15s}.btn:hover{opacity:.85}.btn-primary{background:var(--grad-main);color:#fff}.btn-white{background:#fff;color:var(--blue-700)}.btn-ghost{border:2px solid #fff;color:#fff}.hero{background:var(--grad-main);color:#fff;padding:88px 0 96px;text-align:center}.hero .tagline{display:inline-block;background:#ffffff2e;border:1px solid rgba(255,255,255,.4);border-radius:9999px;padding:4px 18px;font-size:.85rem;margin-bottom:26px}.hero h1{font-size:clamp(1.6rem,4.2vw,2.7rem);line-height:1.5;letter-spacing:.02em}.hero h1 .em{color:#a5f3fc}.hero .lead{margin:22px auto 0;max-width:640px;font-size:1.05rem;opacity:.95}.hero .cta-row{margin-top:36px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.hero .price-note{margin-top:22px;font-size:.9rem;opacity:.9}.browser-frame{margin:0;background:#fff;border:1px solid var(--blue-200);border-radius:14px;overflow:hidden;box-shadow:0 24px 48px -24px #1e3a8a59}.browser-frame .bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--grad-head);border-bottom:1px solid var(--blue-200)}.browser-frame .dot{width:10px;height:10px;border-radius:50%;background:#fff;opacity:.75}.browser-frame img{display:block;width:100%}.hero-shot{max-width:920px;margin:-56px auto 0;padding:0 20px;position:relative;z-index:1}.hero.has-shot{padding-bottom:140px}.card-shot{height:190px;overflow:hidden;border-bottom:1px solid var(--blue-100)}.card-shot img{display:block;width:170%;max-width:none;margin-left:-25%}.diagram-wrap{max-width:760px;margin:44px auto 0}.diagram-wrap svg{display:block;width:100%;height:auto}.mini-shot{border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.45);margin-top:6px}.mini-shot img{display:block;width:100%}.section{padding:76px 0}.section.alt{background:#fff;border-top:1px solid var(--blue-100);border-bottom:1px solid var(--blue-100)}.section-title{text-align:center;font-size:clamp(1.4rem,3vw,1.9rem)}.section-title:after{content:"";display:block;width:64px;height:4px;border-radius:2px;background:var(--grad-main);margin:14px auto 0}.section-lead{text-align:center;color:var(--ink-sub);margin:18px auto 0;max-width:680px}.section-body{margin-top:44px}.card-grid{display:grid;gap:20px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}@media(max-width:820px){.grid-3,.grid-2{grid-template-columns:1fr}}.card{background:#fff;border:1px solid var(--blue-200);border-radius:14px;overflow:hidden}.card-head{background:var(--grad-head);border-bottom:1px solid var(--blue-200);padding:12px 20px;font-weight:700;font-size:1.02rem;display:flex;align-items:center;gap:10px}.card-head .num{width:28px;height:28px;border-radius:9px;flex-shrink:0;background:var(--grad-main);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem}.card-body{padding:18px 20px 22px;font-size:.95rem;color:var(--ink-sub)}.card-body strong{color:var(--ink)}.showcase{background:#fff;border:1px solid var(--blue-200);border-radius:18px;overflow:hidden;display:grid;grid-template-columns:5fr 6fr}@media(max-width:820px){.showcase{grid-template-columns:1fr}}.showcase-visual{background:var(--grad-main);color:#fff;padding:40px 36px;display:flex;flex-direction:column;justify-content:center;gap:14px}.showcase-visual .service-name{font-size:1.7rem;font-weight:700;line-height:1.4}.showcase-visual .service-copy{font-size:.98rem;opacity:.95}.showcase-body{padding:34px 36px}.showcase-body ul{list-style:none;display:grid;gap:12px;margin-bottom:24px}.showcase-body li{padding-left:30px;position:relative;color:var(--ink-sub);font-size:.95rem}.showcase-body li:before{content:"✓";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:7px;font-size:.8rem;background:var(--grad-head);color:var(--blue-700);display:inline-flex;align-items:center;justify-content:center}.showcase-body li strong{color:var(--ink)}.pain-list{display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}@media(max-width:820px){.pain-list{grid-template-columns:1fr}}.pain{background:#fff;border:1px solid var(--blue-200);border-radius:12px;padding:16px 20px;font-size:.95rem}.pain b{display:block;color:var(--ink);margin-bottom:4px}.pain span{color:var(--ink-sub);font-size:.9rem}.table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--blue-200);border-radius:14px}table.feature{width:100%;border-collapse:collapse;font-size:.93rem}table.feature th,table.feature td{padding:12px 18px;text-align:left;border-bottom:1px solid var(--blue-100)}table.feature tr:last-child th,table.feature tr:last-child td{border-bottom:none}table.feature th{background:var(--grad-head);white-space:nowrap;width:9em;font-weight:700;border-right:1px solid var(--blue-200)}table.feature td{color:var(--ink-sub)}.price-card{max-width:720px;margin:0 auto;background:#fff;border:2px solid var(--blue-500);border-radius:18px;overflow:hidden}.price-card .price-head{background:var(--grad-main);color:#fff;text-align:center;padding:26px 20px}.price-card .price-head .amount{font-size:2.6rem;font-weight:700;line-height:1.2}.price-card .price-head .amount small{font-size:1rem;font-weight:400}.price-rows{padding:8px 0}.price-row{display:flex;justify-content:space-between;gap:16px;padding:14px 28px;border-bottom:1px solid var(--blue-100);font-size:.95rem}.price-row:last-child{border-bottom:none}.price-row .val{font-weight:700;white-space:nowrap}.price-example{background:var(--grad-bg);border-top:1px solid var(--blue-200);padding:18px 28px;font-size:.9rem;color:var(--ink-sub)}.note{font-size:.82rem;color:var(--ink-sub);margin-top:18px;text-align:center}.honest{background:#fff;border:1px solid var(--blue-200);border-left:5px solid var(--cyan-600);border-radius:12px;padding:20px 24px;font-size:.95rem;color:var(--ink-sub)}.honest+.honest{margin-top:14px}.honest b{color:var(--ink);display:block;margin-bottom:4px}.cta-section{background:var(--grad-main);color:#fff;text-align:center;padding:80px 0}.cta-section h2{font-size:clamp(1.4rem,3vw,1.9rem)}.cta-section p{margin-top:16px;opacity:.95}.cta-section .cta-row{margin-top:32px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.site-footer{background:var(--blue-900);color:#cbd5e1;padding:44px 0 32px;font-size:.88rem}.site-footer .cols{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.site-footer a{color:#cbd5e1;text-decoration:none}.site-footer a:hover{color:#fff}.site-footer .foot-nav{display:flex;gap:20px;flex-wrap:wrap}.site-footer .pending{color:#64748b;cursor:default}.site-footer .copyright{margin-top:26px;text-align:center;color:#94a3b8;font-size:.8rem}