.w-hero{padding:112px 0 96px;position:relative;overflow:hidden}.w-hero .lead{margin-top:24px}.w-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:40px;display:flex}.ref{flex-direction:column;gap:16px;display:flex}.mock{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;overflow:hidden}.mock-bar{border-bottom:1px solid var(--line);font:500 12px/16px var(--mono);color:var(--text-muted);align-items:center;gap:10px;padding:10px 14px;display:flex}.mock-bar .dots i{width:7px;height:7px}.mock-bar .url{background:var(--surface);border:1px solid var(--line);border-radius:6px;flex:1;padding:4px 10px}.mock-page{aspect-ratio:16/9;flex-direction:column;gap:10px;padding:22px;display:flex}.mock-page .ln{opacity:.22;background:currentColor;border-radius:5px;height:10px}.mock-page .ttl{opacity:.85;background:currentColor;border-radius:6px;width:62%;height:18px}.mock-page .btnm{border-radius:6px;width:120px;height:26px;margin-top:auto}.mock-page .row{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px;display:grid}.mock-page .row span{opacity:.12;background:currentColor;border-radius:6px;height:44px}.mock-img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.m-mowa{color:#2c4a3e;background:#f5f0e8}.m-mowa .btnm{background:#c17b5c}.m-re{color:#fff;background:#073a7e}.m-re .btnm{background:#8c5a2b}.ref ul{color:var(--text-muted);margin:0;padding-left:18px;font-size:16px;line-height:26px}.ref ul li{margin-bottom:4px}.bridge{grid-template-columns:1.2fr 1fr;align-items:center;gap:48px;display:grid}@media (max-width:960px){.bridge{grid-template-columns:1fr;gap:32px}}@media (max-width:720px){.w-hero{padding:64px 0 56px}}