:root{--ink:#10172a;--muted:#677087;--line:#e7eaf1;--bg:#f7f8fb;--brand:#3457ff;--brand2:#7048ff;--white:#fff;--shadow:0 24px 70px rgba(25,35,70,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Noto Sans JP","Hiragino Sans",system-ui,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.site-header,.app-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid rgba(230,233,240,.8);background:rgba(255,255,255,.9);backdrop-filter:blur(14px);position:sticky;top:0;z-index:30}.brand{font-weight:800;font-size:23px;letter-spacing:-.8px}.brand span{color:var(--brand)}nav{display:flex;gap:26px;align-items:center;font-size:14px;font-weight:650}.primary,.secondary,.ghost{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:15px 22px;font-weight:750;border:0;cursor:pointer}.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;box-shadow:0 10px 28px rgba(52,87,255,.22)}.primary.small{padding:10px 16px;border-radius:9px}.primary.light{background:#fff;color:#27317b;box-shadow:none}.secondary{background:#fff;border:1px solid var(--line)}.ghost{padding:9px 4px}.hero{min-height:690px;display:grid;grid-template-columns:1fr 1.05fr;gap:6vw;align-items:center;padding:72px 7vw 90px;background:radial-gradient(circle at 15% 10%,#eef1ff,transparent 35%),linear-gradient(#fff,#fafbff)}.hero-copy{max-width:630px}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:850;color:#6372a0;margin-bottom:18px}.hero h1{font-size:clamp(48px,5.3vw,78px);line-height:1.08;letter-spacing:-.055em;margin:0 0 25px}.hero-copy>p{font-size:18px;line-height:1.9;color:var(--muted);max-width:600px}.actions{display:flex;gap:12px;margin-top:34px}.mini-proof{display:flex;gap:22px;margin-top:23px;color:#667087;font-size:13px}.card{background:#fff;border:1px solid #e9ebf3;border-radius:22px;box-shadow:var(--shadow)}.hero-demo{padding:10px;position:relative;transform:rotate(1deg)}.window-bar{height:38px;border-bottom:1px solid #eee;display:flex;align-items:center;gap:6px;padding:0 10px;color:#9299aa;font-size:10px}.window-bar i{width:8px;height:8px;border-radius:50%;background:#d9dce3}.window-bar span{margin:auto}.demo-site{border-radius:0 0 15px 15px;overflow:hidden}.demo-nav{padding:18px 24px;display:flex;justify-content:space-between;font-size:10px}.demo-nav span{color:#777}.demo-visual{padding:65px 45px 75px;background:linear-gradient(135deg,#141c37,#263b7a);color:#fff}.demo-visual small{font-size:9px;letter-spacing:.16em;opacity:.65}.demo-visual h2{font-size:35px;letter-spacing:-.04em;margin:13px 0}.demo-visual p{font-size:12px;opacity:.8;max-width:370px;line-height:1.7}.demo-visual button{margin-top:18px;padding:10px 16px;border:0;border-radius:7px}.ai-bubble{position:absolute;right:-32px;bottom:-43px;background:#111827;color:#fff;border-radius:15px;padding:14px 18px;font-size:12px;box-shadow:0 16px 40px rgba(0,0,0,.2)}.ai-bubble span{display:block;color:#aab5d3;margin-top:6px}.section{padding:105px 7vw}.section-heading{max-width:730px;margin-bottom:50px}.section-heading h2{font-size:45px;letter-spacing:-.045em;margin:0}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{padding:34px;border:1px solid var(--line);border-radius:18px}.feature .icon{font-size:26px;color:var(--brand)}.feature h3{font-size:21px;margin:21px 0 10px}.feature p,.steps p{color:var(--muted);line-height:1.8;font-size:14px}.flow{background:var(--bg)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e1e4ec;border:1px solid #e1e4ec;border-radius:18px;overflow:hidden}.steps>div{padding:36px;background:#fff}.steps b{font-size:12px;color:var(--brand);letter-spacing:.15em}.cta{margin:40px 7vw 80px;padding:55px 60px;border-radius:24px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#2439a9,#6944dc);color:#fff}.cta h2{font-size:38px;margin:5px 0}.cta p{opacity:.75}footer{padding:40px 7vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#7a8296;font-size:13px}
/* app */.app-body{height:100vh;overflow:hidden;background:#f4f5f9}.app-header{height:64px;padding:0 24px}.app-actions{display:flex;gap:18px;align-items:center}.status-dot{font-size:12px;color:#7a8296}.status-dot:before{content:"";display:inline-block;width:7px;height:7px;background:#29b16f;border-radius:50%;margin-right:7px}.app-header button:disabled{opacity:.45;cursor:not-allowed}.builder{display:grid;grid-template-columns:430px 1fr;height:calc(100vh - 64px)}.builder-panel{background:#fff;border-right:1px solid var(--line);padding:30px;overflow:auto}.builder-title h1{font-size:25px;line-height:1.4;letter-spacing:-.03em;margin:12px 0 7px}.builder-title p{color:var(--muted);font-size:13px;line-height:1.7}.step-chip{display:inline-block;font-size:10px;letter-spacing:.12em;color:var(--brand);font-weight:850;background:#eef1ff;padding:6px 9px;border-radius:6px}form{margin-top:25px}label{display:block;font-size:12px;font-weight:750;margin:0 0 17px}input,textarea,select{display:block;width:100%;margin-top:7px;border:1px solid #dde1e9;border-radius:9px;padding:11px 12px;font:inherit;font-size:13px;outline:none;background:#fff}input:focus,textarea:focus,select:focus{border-color:#7890ff;box-shadow:0 0 0 3px #edf0ff}.full{width:100%;margin-top:5px}.full span{margin-right:7px}.preview-panel{min-width:0;display:flex;flex-direction:column}.preview-toolbar{height:49px;border-bottom:1px solid #dee1e8;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#fafbfc;color:#8a91a2;font-size:11px}.device{border:0;background:transparent;padding:8px 11px;color:#8a91a2;border-radius:6px;cursor:pointer}.device.active{background:#fff;color:#1e293b;box-shadow:0 1px 5px rgba(0,0,0,.09)}.preview-stage{flex:1;padding:28px;overflow:auto;display:flex;justify-content:center;align-items:flex-start}.preview-stage iframe{width:100%;height:100%;min-height:620px;border:1px solid #dfe2e8;border-radius:9px;background:#fff;box-shadow:0 10px 35px rgba(25,35,70,.08);transition:.25s}.edit-panel{border-top:1px solid var(--line);margin-top:28px;padding-top:25px}.edit-panel h2{font-size:17px;margin:10px 0}.prompt-row{display:flex;gap:7px}.prompt-row input{margin:0}.prompt-row button{border:0;border-radius:8px;padding:0 15px;background:#18213a;color:#fff;cursor:pointer}.hint{font-size:10px;color:#9ba1b0;line-height:1.5}.hidden{display:none}
@media(max-width:900px){nav a:not(.primary){display:none}.hero{grid-template-columns:1fr;padding-top:50px}.hero-demo{margin-top:20px}.grid3,.steps{grid-template-columns:1fr}.cta{display:block;padding:40px}.cta .primary{margin-top:18px}.builder{grid-template-columns:1fr}.preview-panel{display:none}.builder-panel{border:0}.mini-proof{flex-wrap:wrap}.ai-bubble{right:10px}.site-header{padding:0 20px}}