.lp{--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--bg:#fff;--bg-soft:#f8fafc;--accent:#7c3aed;--accent-2:#a855f7;--accent-ink:#6d28d9;color:var(--ink);background:var(--bg);font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,Meiryo,system-ui,-apple-system,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}.lp *{box-sizing:border-box}.lp a{color:inherit;text-decoration:none}.lp .container{width:min(1080px,92vw);margin:0 auto}.lp .btn{display:inline-flex;align-items:center;justify-content:center;gap:.4em;padding:.85rem 1.6rem;border-radius:999px;font-weight:700;font-size:.98rem;border:1px solid transparent;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;cursor:pointer}.lp .btn:hover{transform:translateY(-1px)}.lp .btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 8px 24px rgba(124,58,237,.35)}.lp .btn-ghost{background:hsla(0,0%,100%,.08);color:#fff;border-color:hsla(0,0%,100%,.35)}.lp .btn-outline{background:#fff;color:var(--accent-ink);border-color:var(--accent)}.lp .site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(8px);background:hsla(0,0%,100%,.8);border-bottom:1px solid var(--line)}.lp .site-header .inner{display:flex;align-items:center;justify-content:space-between;padding:.9rem 0}.lp .brand{display:flex;align-items:baseline;gap:.5rem;font-weight:800;letter-spacing:.02em}.lp .brand .brand-sub{font-size:.72rem;color:var(--muted);font-weight:600}.lp .hero{position:relative;color:#fff;background:radial-gradient(1200px 500px at 80% -10%,rgba(168,85,247,.5),transparent),radial-gradient(900px 500px at 0 10%,rgba(99,102,241,.4),transparent),linear-gradient(160deg,#1e1b4b,#0f172a 60%);overflow:hidden}.lp .hero .container{padding:5.5rem 0 5rem}.lp .eyebrow{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.12em;color:#c4b5fd;border:1px solid rgba(196,181,253,.4);padding:.3rem .8rem;border-radius:999px;margin-bottom:1.3rem}.lp .hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.25;margin:0 0 1.1rem;font-weight:800}.lp .hero h1 .accent{background:linear-gradient(120deg,#c4b5fd,#f0abfc);-webkit-background-clip:text;background-clip:text;color:transparent}.lp .hero p.lead{font-size:clamp(1rem,2.2vw,1.2rem);color:#dbe1ee;max-width:40ch;margin:0 0 2rem}.lp .hero-cta{display:flex;gap:.9rem;flex-wrap:wrap}.lp .hero-note{margin-top:1.1rem;font-size:.82rem;color:#aab3c5}.lp section.block{padding:4.5rem 0}.lp section.soft{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.lp .section-head{text-align:center;margin-bottom:2.6rem}.lp .section-head h2{font-size:clamp(1.5rem,3.5vw,2.1rem);margin:0 0 .6rem;font-weight:800}.lp .section-head p{color:var(--muted);margin:0}.lp .grid{display:grid;gap:1.1rem}.lp .grid.cols-3{grid-template-columns:repeat(3,1fr)}.lp .grid.cols-2{grid-template-columns:repeat(2,1fr)}.lp .card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.5rem;box-shadow:0 1px 2px rgba(15,23,42,.04)}.lp .card .ico{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,rgba(124,58,237,.12),rgba(168,85,247,.12));font-size:1.4rem;margin-bottom:.9rem}.lp .card h3{margin:0 0 .4rem;font-size:1.08rem}.lp .card p{margin:0;color:var(--muted);font-size:.95rem}.lp .flow{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.lp .flow .step{display:flex;align-items:center;gap:.6rem}.lp .flow .pill{background:#fff;border:1px solid var(--line);border-radius:999px;padding:.55rem 1.1rem;font-weight:700;font-size:.92rem;white-space:nowrap}.lp .flow .arrow{color:var(--accent);font-weight:800}.lp .steps{counter-reset:step;display:grid;gap:1.1rem;grid-template-columns:repeat(3,1fr)}.lp .step-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.6rem 1.4rem 1.4rem}.lp .step-card:before{counter-increment:step;content:counter(step);position:absolute;top:-16px;left:1.4rem;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:800}.lp .step-card h3{margin:.6rem 0 .4rem;font-size:1.05rem}.lp .step-card p{margin:0;color:var(--muted);font-size:.94rem}.lp .demo-box{background:#fff;border:1px dashed var(--accent);border-radius:16px;padding:1.6rem;max-width:720px;margin:0 auto}.lp .demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin-top:1rem}.lp .demo-item{border:1px solid var(--line);border-radius:12px;padding:.9rem 1rem}.lp .demo-item .role{font-weight:700;font-size:.9rem;margin-bottom:.3rem}.lp .demo-item code{display:block;font-size:.86rem;color:var(--accent-ink);word-break:break-all}.lp .demo-note{text-align:center;color:var(--muted);font-size:.82rem;margin-top:1rem}.lp .contact-form{max-width:720px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.8rem;box-shadow:0 1px 2px rgba(15,23,42,.04)}.lp .field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.lp .field{display:block;margin-bottom:1rem}.lp .field>span{display:block;font-size:.86rem;font-weight:700;margin-bottom:.35rem}.lp .field>span em{color:#dc2626;font-style:normal;margin-left:.2rem}.lp .field input,.lp .field select,.lp .field textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:.6rem .7rem;font-size:.95rem;font-family:inherit;background:#fff;color:var(--ink)}.lp .field input:focus,.lp .field select:focus,.lp .field textarea:focus{outline:2px solid var(--accent-2);outline-offset:1px;border-color:var(--accent)}.lp .field textarea{resize:vertical}.lp .hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.lp .form-error{color:#dc2626;font-size:.88rem;margin:0 0 .8rem}.lp .form-note{color:var(--muted);font-size:.78rem;margin:.8rem 0 0}.lp .contact-form .btn{width:100%}.lp .contact-alt{text-align:center;color:var(--muted);font-size:.86rem;margin-top:1rem}.lp .contact-done{max-width:620px;margin:0 auto;text-align:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:2.4rem 1.8rem}.lp .contact-done-ico{width:52px;height:52px;margin:0 auto .8rem;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:1.5rem;font-weight:800}.lp .contact-done h3{margin:0 0 .4rem}.lp .contact-done p{margin:0;color:var(--muted)}.lp .cta-band{color:#fff;text-align:center;background:linear-gradient(135deg,var(--accent-ink),#4338ca)}.lp .cta-band .container{padding:3.6rem 0}.lp .cta-band h2{font-size:clamp(1.5rem,3.5vw,2.1rem);margin:0 0 .7rem}.lp .cta-band p{margin:0 0 1.6rem;color:#e0e7ff}.lp .site-footer{padding:2.4rem 0;font-size:.86rem;color:var(--muted)}.lp .site-footer .inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.8rem}@media (max-width:860px){.lp .demo-grid,.lp .field-row,.lp .grid.cols-2,.lp .grid.cols-3,.lp .steps{grid-template-columns:1fr}.lp .flow .arrow{transform:rotate(90deg)}}